Modes

Full Page

Using the fullPage option allows the usage of HTML, HEAD, BODY tags and DOCTYPE declaration.

Try it yourself:

Edit in JSFiddle

HTML

<div id="froala-editor"></div>

CSS

Copy

<!-- Include Code Mirror CSS. -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.css">

JAVASCRIPT

Copy

<!-- Include Code Mirror JS. -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/mode/xml/xml.min.js"></script>
<script>
  new FroalaEditor('div#froala-editor', {
    fullPage: true
  })
</script>