Modes

Try it yourself:

By enabling the document mode, the Froala WYSIWYG HTML Editor sets by default the best options for creating online documents. After editing the content, the print and export as PDF buttons are perfect so you to take the content and use it further just as you'd do with any Word processor such as Microsoft Word or Google Docs.

Edit in JSFiddle

HTML

Copy

<p>By enablind the document mode, the Froala WYSIWYG HTML Editor sets by default the best options for creating online documents. After editing the content, the print and export as PDF buttons are perfect so you to take the content and use it further just as you'd do with any Word processor such as Microsoft Word or Google Docs.</p>
<div id="froala-editor"></div>

CSS

Copy

<!-- Include all Editor plugins CSS style. -->
<link rel="stylesheet" href="../css/froala_editor.pkgd.min.css">

JAVASCRIPT

Copy

<!-- Include all Editor plugins JS files. -->
<script type="text/javascript" src="../js/froala_editor.pkgd.min.js"></script>

<!-- Include PDF export JS lib. -->
<script type="text/javascript" src="https://raw.githack.com/eKoopmans/html2pdf/master/dist/html2pdf.bundle.js"></script>

<script>
  new FroalaEditor('div#froala-editor', {
    documentReady: true
  })
  

</>