bootstrap-test.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Bootstrap 兼容测试 - Editor.md tests</title>
  6. <!-- Latest compiled and minified CSS -->
  7. <link rel="stylesheet" href="./css/bootstrap.min.css">
  8. <!-- Optional theme -->
  9. <link rel="stylesheet" href="./css/bootstrap-theme.min.css">
  10. <link rel="stylesheet" href="../css/editormd.css" />
  11. <link rel="shortcut icon" href="https://pandao.github.io/editor.md/favicon.ico" type="image/x-icon" />
  12. <style>
  13. header {width: 90%;margin: 0 auto 20px;}
  14. </style>
  15. </head>
  16. <body>
  17. <div id="layout">
  18. <header>
  19. <h1>Bootstrap 兼容测试</h1>
  20. </header>
  21. <div id="test-editormd">
  22. <textarea style="display:none;">### Bootstrap 兼容测试</textarea>
  23. </div>
  24. </div>
  25. <script src="../examples/js/jquery.min.js"></script>
  26. <!-- Latest compiled and minified JavaScript -->
  27. <script src="./js/bootstrap.min.js"></script>
  28. <script src="../editormd.js"></script>
  29. <script type="text/javascript">
  30. var testEditor;
  31. $(function() {
  32. $.get("../examples/test.md", function(md){
  33. testEditor = editormd("test-editormd", {
  34. width: "90%",
  35. height: 740,
  36. path : '../lib/',
  37. markdown : md,
  38. codeFold : true,
  39. saveHTMLToTextarea : true,
  40. searchReplace : true,
  41. htmlDecode : "style,script,iframe|on*",
  42. emoji : true,
  43. taskList : true,
  44. tocm : true, // Using [TOCM]
  45. tex : true, // 开启科学公式TeX语言支持,默认关闭
  46. flowChart : true, // 开启流程图支持,默认关闭
  47. sequenceDiagram : true, // 开启时序/序列图支持,默认关闭,
  48. imageUpload : true,
  49. imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
  50. imageUploadURL : "../examples/php/upload.php",
  51. onload : function() {
  52. console.log('onload', this);
  53. }
  54. });
  55. });
  56. });
  57. </script>
  58. </body>
  59. </html>