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>