It looks like you’re browsing an old version of Froala. Please go to the newer version of our docs for a more updated version.
Toolbar
Inline Toolbar with selection
Try it yourself:
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.
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>