Toolbar

Inline Toolbar with selection

Click here to edit the content

Enabling the toolbarVisibleWithoutSelection 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.


Edit in JSFiddle

HTML

<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

<script>
  $(function() {
    $('div#froala-editor').froalaEditor({
      toolbarInline: true,
      charCounterCount: false,
      toolbarButtons: ['bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript', '-', 'paragraphFormat', 'align', 'formatOL', 'formatUL', 'indent', 'outdent', '-', 'insertImage', 'insertLink', 'insertFile', 'insertVideo', 'undo', 'redo'],
      toolbarVisibleWithoutSelection: true
    })
  });
</script>