Toolbar

Inline Toolbar with selection

Try it yourself:

Edit in JSFiddle

HTML

Copy

<div id="froala-editor">
  <h3>Click here to edit the content</h3>
  <p>Enabling the <strong>toolbarVisibleWithoutSelection</strong> option makes the inline WYSIWYG HTML editor to appear as soon as you click in the editable area and not only when you select text.</p>
</div>

JAVASCRIPT

Copy

<script>
  new FroalaEditor('div#froala-editor', {
    toolbarInline: true,
    charCounterCount: false,
    toolbarVisibleWithoutSelection: true
  })
</script>