Standard Editor
Huro ships with Sun Editor, a solid vanilla js rich text editor alternative. You can read more on sun editor and all the vailable customization options here. The example below shows a standard sun editor instance.
//JS CODE
const editor = SUNEDITOR.create((document.getElementById('sun-editor') || 'sun-editor'), {
width: '100%',
height: 250,
placeholder: 'Write your text here...'
});
//MARKUP
<textarea id="sun-editor" placeholder="Write your text here..."></textarea>
Balloon Editor
Sun Editor can be used with a more minimal UI configuration where the toolbar appears
only when you focus the textarea. It can be very useful to keep your layouts clean.
In order to do this simply use the mode:'balloon-always' in your JS
configuration. Check the code exqmple for more details about usage.
//JS CODE
const editor = SUNEDITOR.create((document.getElementById('sun-editor-balloon') || 'sun-editor-balloon'), {
width: '100%',
height: 250,
placeholder: 'Write your text here...',
mode: 'balloon-always'
});
//MARKUP
<textarea id="sun-editor-balloon" placeholder="Write your text here..."></textarea>