flowchart.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>FlowChart - 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>FlowChart 流程图</h1>
  14. <p>Based on flowchart.js:<a href="http://adrai.github.io/flowchart.js/" target="_blank">http://adrai.github.io/flowchart.js/</a></p>
  15. </header>
  16. <div id="test-editormd">
  17. <textarea style="display:none;">#### Using FlowChart
  18. setting:
  19. {
  20. flowChart : true
  21. }
  22. #### Example
  23. ```flow
  24. st=>start: User login
  25. op=>operation: Operation
  26. cond=>condition: Successful Yes or No?
  27. e=>end: Into admin
  28. st->op->cond
  29. cond(yes)->e
  30. cond(no)->op
  31. ```</textarea>
  32. </div>
  33. </div>
  34. <script src="js/jquery.min.js"></script>
  35. <script src="../editormd.js"></script>
  36. <script type="text/javascript">
  37. $(function() {
  38. var testEditor = editormd("test-editormd", {
  39. width: "90%",
  40. height: 640,
  41. path : '../lib/',
  42. flowChart : true
  43. });
  44. });
  45. </script>
  46. </body>
  47. </html>