Demos
Browse all demos

Large Documents

Load a long document and see how quickly the editor loads, saves, counts and formats it, measured in your own browser.

  • Each button builds a document of that many paragraphs, with headings, bold and italic text and a table every 200 paragraphs, then times the common operations.
  • After loading, scroll to the middle and type, or use Find on the toolbar: try the editor on the document size you expect your users to write.
  • The numbers depend on your machine and browser; run them again to compare.
<div id="div_editor1"></div>
<script>
    var editor1 = new RichTextEditor("#div_editor1");

    var t0 = performance.now();
    editor1.setHTMLCode(bigHtml);          // load
    var loadMs = performance.now() - t0;

    t0 = performance.now();
    var html = editor1.getHTMLCode();      // save
    var saveMs = performance.now() - t0;
</script>