markdown_edit_template.tpl 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>编辑文档 - Powered by MinDoc</title>
  8. <script type="text/javascript">
  9. window.editor = null;
  10. window.imageUploadURL = "{{urlfor "DocumentController.Upload" "identify" .Model.Identify}}";
  11. window.fileUploadURL = "{{urlfor "DocumentController.Upload" "identify" .Model.Identify}}";
  12. window.documentCategory = {{.Result}};
  13. window.book = {{.ModelResult}};
  14. </script>
  15. <!-- Bootstrap -->
  16. <link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  17. <link href="/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  18. <link href="/static/jstree/3.3.4/themes/default/style.min.css" rel="stylesheet">
  19. <link href="/static/editor.md/css/editormd.css" rel="stylesheet">
  20. <link href="/static/css/jstree.css" rel="stylesheet">
  21. <link href="/static/css/markdown.css" rel="stylesheet">
  22. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  23. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  24. <!--[if lt IE 9]>
  25. <script src="/static/html5shiv/3.7.3/html5shiv.min.js"></script>
  26. <script src="/static/respond.js/1.4.2/respond.min.js"></script>
  27. <![endif]-->
  28. </head>
  29. <body>
  30. <div class="m-manual manual-editor">
  31. <div class="manual-head" id="editormd-tools">
  32. <div class="editormd-group">
  33. <a href="javascript:;" data-toggle="tooltip" data-title="返回"><i class="fa fa-chevron-left" aria-hidden="true"></i></a>
  34. </div>
  35. <div class="editormd-group">
  36. <a href="javascript:;" data-toggle="tooltip" data-title="保存" class="disabled"><i class="fa fa-save" aria-hidden="true"></i></a>
  37. </div>
  38. <div class="editormd-group">
  39. <a href="javascript:;" data-toggle="tooltip" data-title="撤销 (Ctrl-Z)"><i class="fa fa-undo first" name="undo" unselectable="on"></i></a>
  40. <a href="javascript:;" data-toggle="tooltip" data-title="重做 (Ctrl-Y)"><i class="fa fa-repeat last" name="redo" unselectable="on"></i></a>
  41. </div>
  42. <div class="editormd-group">
  43. <a href="javascript:;" data-toggle="tooltip" data-title="粗体"><i class="fa fa-bold first" name="bold" unselectable="on"></i></a>
  44. <a href="javascript:;" data-toggle="tooltip" data-title="斜体"><i class="fa fa-italic item" name="italic" unselectable="on"></i></a>
  45. <a href="javascript:;" data-toggle="tooltip" data-title="删除线"><i class="fa fa-strikethrough last" name="del" unselectable="on"></i></a>
  46. </div>
  47. <div class="editormd-group">
  48. <a href="javascript:;" data-toggle="tooltip" data-title="标题一"><i class="fa editormd-bold first" name="h1" unselectable="on">H1</i></a>
  49. <a href="javascript:;" data-toggle="tooltip" data-title="标题二"><i class="fa editormd-bold item" name="h2" unselectable="on">H2</i></a>
  50. <a href="javascript:;" data-toggle="tooltip" data-title="标题三"><i class="fa editormd-bold item" name="h3" unselectable="on">H3</i></a>
  51. <a href="javascript:;" data-toggle="tooltip" data-title="标题四"><i class="fa editormd-bold item" name="h4" unselectable="on">H4</i></a>
  52. <a href="javascript:;" data-toggle="tooltip" data-title="标题五"><i class="fa editormd-bold item" name="h5" unselectable="on">H5</i></a>
  53. <a href="javascript:;" data-toggle="tooltip" data-title="标题六"><i class="fa editormd-bold last" name="h6" unselectable="on">H6</i></a>
  54. </div>
  55. <div class="editormd-group">
  56. <a href="javascript:;" data-toggle="tooltip" data-title="无序列表"><i class="fa fa-list-ul first" name="list-ul" unselectable="on"></i></a>
  57. <a href="javascript:;" data-toggle="tooltip" data-title="有序列表"><i class="fa fa-list-ol item" name="list-ol" unselectable="on"></i></a>
  58. <a href="javascript:;" data-toggle="tooltip" data-title="横线"><i class="fa fa-minus last" name="hr" unselectable="on"></i></a>
  59. </div>
  60. <div class="editormd-group">
  61. <a href="javascript:;" data-toggle="tooltip" data-title="链接"><i class="fa fa-link first" name="link" unselectable="on"></i></a>
  62. <a href="javascript:;" data-toggle="tooltip" data-title="引用链接"><i class="fa fa-anchor item" name="reference-link" unselectable="on"></i></a>
  63. <a href="javascript:;" data-toggle="tooltip" data-title="添加图片"><i class="fa fa-picture-o item" name="image" unselectable="on"></i></a>
  64. <a href="javascript:;" data-toggle="tooltip" data-title="行内代码"><i class="fa fa-code item" name="code" unselectable="on"></i></a>
  65. <a href="javascript:;" data-toggle="tooltip" data-title="代码块" unselectable="on"><i class="fa fa-file-code-o item" name="code-block" unselectable="on"></i></a>
  66. <a href="javascript:;" data-toggle="tooltip" data-title="添加表格"><i class="fa fa-table item" name="table" unselectable="on"></i></a>
  67. <a href="javascript:;" data-toggle="tooltip" data-title="引用"><i class="fa fa-quote-right item" name="quote" unselectable="on"></i></a>
  68. <a href="javascript:;" data-toggle="tooltip" data-title="GFM 任务列表"><i class="fa fa-tasks item" name="tasks" aria-hidden="true"></i></a>
  69. <a href="javascript:;" data-toggle="tooltip" data-title="附件"><i class="fa fa-paperclip last" aria-hidden="true" name="attachment"></i></a>
  70. </div>
  71. <div class="editormd-group pull-right">
  72. <a href="javascript:;" data-toggle="tooltip" data-title="关闭实时预览"><i class="fa fa-eye-slash first" name="watch" unselectable="on"></i></a>
  73. <a href="javascript:;" data-toggle="tooltip" data-title="修改历史"><i class="fa fa-history item" name="history" aria-hidden="true"></i></a>
  74. <a href="javascript:;" data-toggle="tooltip" data-title="边栏"><i class="fa fa-columns last" aria-hidden="true" name="sidebar"></i></a>
  75. </div>
  76. <div class="editormd-group pull-right">
  77. <a href="javascript:;" data-toggle="tooltip" data-title="发布"><i class="fa fa-cloud-upload" name="release" aria-hidden="true"></i></a>
  78. </div>
  79. <div class="editormd-group">
  80. <a href="javascript:;" data-toggle="tooltip" data-title=""></a>
  81. <a href="javascript:;" data-toggle="tooltip" data-title=""></a>
  82. </div>
  83. <div class="clearfix"></div>
  84. </div>
  85. <div class="manual-body">
  86. <div class="manual-category" id="manualCategory">
  87. <div class="manual-nav">
  88. <div class="nav-item active"><i class="fa fa-bars" aria-hidden="true"></i> 目录</div>
  89. <div class="nav-plus pull-right" id="btnAddDocument" data-toggle="tooltip" data-title="创建目录" data-direction="right"><i class="fa fa-plus" aria-hidden="true"></i></div>
  90. <div class="clearfix"></div>
  91. </div>
  92. <div class="manual-tree" id="sidebar">
  93. </div>
  94. </div>
  95. <div class="manual-editor-container" id="manualEditorContainer">
  96. <div class="manual-editormd" id="docEditor"></div>
  97. <div class="manual-editor-status">
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. <!-- Modal -->
  103. <div class="modal fade" id="addDocumentModal" tabindex="-1" role="dialog" aria-labelledby="addDocumentModalLabel">
  104. <div class="modal-dialog" role="document">
  105. <form method="post" action="{{urlfor "DocumentController.Create" ":key" .Model.Identify}}" id="addDocumentForm" class="form-horizontal">
  106. <input type="hidden" name="identify" value="{{.Model.Identify}}">
  107. <div class="modal-content">
  108. <div class="modal-header">
  109. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  110. <h4 class="modal-title" id="myModalLabel">添加目录</h4>
  111. </div>
  112. <div class="modal-body">
  113. <div class="form-group">
  114. <label class="col-sm-2 control-label">目录名称 <span class="error-message">*</span></label>
  115. <div class="col-sm-10">
  116. <input type="text" name="doc_name" id="documentName" placeholder="目录名称" class="form-control" maxlength="50">
  117. </div>
  118. </div>
  119. <div class="form-group">
  120. <label class="col-sm-2 control-label">目录标识</label>
  121. <div class="col-sm-10">
  122. <input type="text" name="doc_identify" id="documentIdentify" placeholder="目录唯一标识" class="form-control" maxlength="50">
  123. <p style="color: #999;font-size: 12px;">文档标识只能包含小写字母、数字,以及“-”和“_”符号,并且只能小写字母开头</p>
  124. </div>
  125. </div>
  126. </div>
  127. <div class="modal-footer">
  128. <span id="add-error-message" class="error-message"></span>
  129. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  130. <button type="submit" class="btn btn-primary" id="btnSaveDocument" data-loading-text="保存中...">立即保存</button>
  131. </div>
  132. </div>
  133. </form>
  134. </div>
  135. </div>
  136. <script src="/static/jquery/1.12.4/jquery.min.js"></script>
  137. <script src="/static/bootstrap/js/bootstrap.min.js"></script>
  138. <script src="/static/jstree/3.3.4/jstree.min.js" type="text/javascript"></script>
  139. <script src="/static/editor.md/editormd.js" type="text/javascript"></script>
  140. <script type="text/javascript" src="/static/layer/layer.js"></script>
  141. <script src="/static/js/jquery.form.js" type="text/javascript"></script>
  142. <script src="/static/js/markdown.js" type="text/javascript"></script>
  143. </body>
  144. </html>