markdown格式wiki文档

index.html 4.1KB

    <html lang="zh-cn"> <head> <link rel="stylesheet" href="/static/css/bootstrap.min.css"> <link rel="stylesheet" href="/static/css/index.css"> <script src="/static/js/jquery.min.js"></script> <script src="/static/js/bootstrap.min.js"></script> <!-- <script src="https://cdn.bootcdn.net/ajax/libs/marked/2.0.3/marked.js"></script> --> <!-- <script src="http://cdn.bootcss.com/ace/1.2.4/ace.js"></script> <script src="http://cdn.bootcss.com/ace/1.2.4/ext-language_tools.js"></script> --> <script src="/static/js/ace.js"></script> <script src="/static/js/ext-language_tools.js"></script> <script src="/static/js/mode-markdown.js"></script> <script src="/static/js/theme-chrome.js"></script> </head> <body> <header> <span class="logo"> <a href="/index" >HUWIKI</a> </span> </header> <aside> <div><?php echo $toc;?> </div> </aside> <!--article标签中就是我们编写的文本内容--> <article> <div class="top"> <!-- Button trigger modal --> <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" onclick="edit()"> <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> 编辑 </button> </div> <div class="content"> <?php if ($is_file_exists) { echo $content; } else { ?> <div class="is_file_exists"> <span>文档不存在, 点击<a href='javascript:void(0);' onclick='edit()'>新建文档</a></span> </div> <?php } ?> </div> </article> <!-- Modal --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="myModalLabel">编辑</h4> </div> <div class="modal-body"> <div class="editor-content" id="mdeditor" style="height: 70%;"><?php echo $text;?></div> <!-- <textarea class="form-control" rows="20" style="resize:vertical"></textarea> --> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary" onclick="save('<?php echo $doc;?>')">Save changes</button> </div> </div> </div> </div> <script> // 表格加上边框 $(document).ready(function(){ $("table").addClass('table table-bordered'); }); var acen_edit = ace.edit('mdeditor'); //编辑框 acen_edit.setTheme('ace/theme/chrome'); acen_edit.getSession().setMode('ace/mode/markdown'); acen_edit.renderer.setShowPrintMargin(false); function edit() { // console.log(2222); $("#myModal").modal('show'); } function save(doc) { var text = acen_edit.getValue(); $.ajax({ url: "/save", type: "POST", data: { 'doc': doc, 'content': text }, dataType: 'JSON', success: function (res) { if (res.code==0) { acen_edit.destroy(); acen_edit.container.remove(); console.log(res.msg); alert("保存成功"); $("#myModal").modal('hide'); setTimeout(window.location.reload(), 1500); } else { alert("保存失败, 请稍后重试."); } } }) } </script> </body> </html>