|
<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">×</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>
|