Miscellaneous

Full Screen

Using the fullscreen.min.js plugin it is possible to use the WYSIWYG HTML editor in fullscreen mode.

Use the Fullscreen button to start editing in fullscreen mode.


Make sure that the fullscreen button is included in the toolbarButtons list. By default the fullscreen button is already in the list, but if you changed the buttons list just make sure you don't omit the fullscreen button.

Edit in JSFiddle

HTML

<div id="froala-editor">
  <p>Use the Fullscreen button to start editing in fullscreen mode.</p>
</div>

JAVASCRIPT

<script>
  $(function() {
    $('div#froala-editor').froalaEditor({
      toolbarButtons: ['fullscreen', '|', 'bold', 'italic', 'strikeThrough', 'underline', '|', 'paragraphFormat', 'paragraphStyle', 'align', 'formatOL', 'formatUL', 'indent', 'outdent', '|', 'insertImage', 'insertLink', 'insertVideo', 'insertFile', 'html']
    })
  });
</script>