Javascript HTML editor

Quick reference

Considering the example below:

<html>
<script src="https://jsuites.net/v4/jsuites.js"></script>
<link rel="stylesheet" href="https://jsuites.net/v4/jsuites.css" type="text/css" />

<div id="editor"></div>

<script>
var myEditor = jSuites.editor(document.getElementById('editor'));
</script>
</html>

Available Methods

Method	Description
myEditor.setData()	Set new data to the editor.
myEditor.getData()	Get the current data.
myEditor.reset()	Clear the content of the editor.
myEditor.destroy()	Destroy the editor.

Initialiation properties

Property	Description
value: string	Initial HTML value
snippet: object	Snippet object
toolbar: boolan	object
remoteParser: string	A URL for the remote URL/image parser.
parseURL: boolean	Parse URL inside the editor to create a snippet.
filterPaste: boolean	Filter all content onpaste
dropZone: boolean	Allow images or files to be dropped in the editor.
acceptFiles: boolean	Accept PDF on the editor.
acceptImages: boolean	Accept images on the editor.
dropAsAttachment: boolean	When images are dropped, they are included as attachement.
maxFileSize: number	Max filesize in bytes.
border: boolean	Add borders to the editor.
padding: boolean	Add padding to the editor.
maxHeight: number	Max height for the editor.
focus: boolean	Focus on the contente after the data is loaded.
placeholder: string	Content placeholder

Available Events

Event	Description
onclick	When a click happens on the editor. (element: HTMLElement, instance: Object, event: Object) => void
onfocus	When the editor is focused. (element: HTMLElement, instance: Object, currentValue: string) => void
onblur	When the editor is blured. (element: HTMLElement, instance: Object, currentValue: string) => void
onload	A method is execute when the modal is closed. (element: HTMLElement, instance: Object, editor: HTMLElement) => void
onkeyup	When a new key from the keyboard is released. (element: HTMLElement, instance: Object, event: Object) => void
onkeydown	When a new key from the keyboard is pressed. (element: HTMLElement, instance: Object, event: Object) => void