#### Manually load modules exmaple ```html <script src="js/jquery.min.js"></script> <link rel="stylesheet" href="../lib/codemirror/codemirror.min.css" /> <link rel="stylesheet" href="../lib/codemirror/addon/dialog/dialog.css" /> <link rel="stylesheet" href="../lib/codemirror/addon/search/matchesonscrollbar.css" /> <script src="../lib/codemirror/codemirror.min.js"></script> <!-- Or, You can also one by one load CodeMirror modes & addons. --> <script src="../lib/codemirror/addons.min.js"></script> <script src="../lib/codemirror/modes.min.js"></script> <script src="../lib/marked.min.js"></script> <!-- if setting previewCodeHighlight == true --> <script src="../lib/prettify.min.js"></script> <!-- if setting flowchart == true, or sequence-diagram == true --> <script src="../lib/raphael.min.js"></script> <script src="../lib/underscore.min.js"></script> <script src="../lib/sequence-diagram.min.js"></script> <script src="../lib/flowchart.min.js"></script> <script src="../lib/jquery.flowchart.min.js"></script> <!-- if setting tex == true --> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.1.1/katex.min.css" /> <script src="//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.1.1/katex.min.js"></script> <link rel="stylesheet" href="../css/editormd.css" /> <script src="../editormd.js"></script> <script type="text/javascript"> $(function() { var testEditor = editormd("test-editormd", { width : "90%", height : 720, autoLoadModules : false // Manually load modules }); testEditor.fullscreen(); // In Manually load mode, You can be synchronized using the member method. }); </script> ``` #### KaTeX test $$E = mc^2$$