simple.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Simple example - Editor.md examples</title>
  6. <link rel="stylesheet" href="css/style.css" />
  7. <link rel="stylesheet" href="../css/editormd.css" />
  8. <link rel="shortcut icon" href="https://pandao.github.io/editor.md/favicon.ico" type="image/x-icon" />
  9. </head>
  10. <body>
  11. <div id="layout">
  12. <header>
  13. <h1>Simple example</h1>
  14. </header>
  15. <div id="test-editormd">
  16. <textarea style="display:none;">[TOC]
  17. #### Disabled options
  18. - TeX (Based on KaTeX);
  19. - Emoji;
  20. - Task lists;
  21. - HTML tags decode;
  22. - Flowchart and Sequence Diagram;
  23. #### Editor.md directory
  24. editor.md/
  25. lib/
  26. css/
  27. scss/
  28. tests/
  29. fonts/
  30. images/
  31. plugins/
  32. examples/
  33. languages/
  34. editormd.js
  35. ...
  36. ```html
  37. &lt;!-- English --&gt;
  38. &lt;script src="../dist/js/languages/en.js"&gt;&lt;/script&gt;
  39. &lt;!-- 繁體中文 --&gt;
  40. &lt;script src="../dist/js/languages/zh-tw.js"&gt;&lt;/script&gt;
  41. ```
  42. </textarea>
  43. </div>
  44. </div>
  45. <script src="js/jquery.min.js"></script>
  46. <script src="../editormd.min.js"></script>
  47. <script type="text/javascript">
  48. var testEditor;
  49. $(function() {
  50. testEditor = editormd("test-editormd", {
  51. width : "90%",
  52. height : 640,
  53. syncScrolling : "single",
  54. path : "../lib/"
  55. });
  56. /*
  57. // or
  58. testEditor = editormd({
  59. id : "test-editormd",
  60. width : "90%",
  61. height : 640,
  62. path : "../lib/"
  63. });
  64. */
  65. });
  66. </script>
  67. </body>
  68. </html>