150 lines
5.6 KiB
HTML
150 lines
5.6 KiB
HTML
{% load staticfiles %}
|
||
<!DOCTYPE html>
|
||
<html lang="zh-cn">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
|
||
<meta http-equiv="Cache-Control" content="no-transform" />
|
||
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
||
<meta http-equiv="Cache-Control" content="max-age=7200" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
<title>{% block title %}{% endblock %} - MrDoc</title>
|
||
<link href="{% static 'layui/css/layui.css' %}" rel="stylesheet">
|
||
<link rel="stylesheet" href="{% static 'editor.md/css/editormd.css' %}" />
|
||
<link href="{% static 'mrdoc.css' %}?version={{mrdoc_version}}" rel="stylesheet">
|
||
<link rel="icon" href="{% static 'favicon_16.png' %}"/>
|
||
<!--[if lt IE 9]>
|
||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
|
||
<![endif]-->
|
||
{% block custom_style %}{% endblock %}
|
||
|
||
</head>
|
||
<body class="layui-container">
|
||
<!-- 页头 -->
|
||
{% include 'app_doc/head_base.html' %}
|
||
<!-- 页头结束 -->
|
||
|
||
<!-- 主体开始 -->
|
||
<div class="layui-container">
|
||
{% block content %}
|
||
{% endblock %}
|
||
</div>
|
||
<!-- 主体结束 -->
|
||
|
||
<script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
|
||
<script src="{% static 'layui/layui.all.js' %}"></script>
|
||
<script src="{% static 'editor.md/editormd.min.js' %}"></script>
|
||
<script>
|
||
$.ajaxSetup({
|
||
data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
|
||
});
|
||
var layer = layui.layer;
|
||
var form = layui.form;
|
||
var md_changed = false; //初始化一个变量，用于判断编辑器是否修改
|
||
//初始化editormd
|
||
var editor = editormd("editor-md", {
|
||
width : "100%",
|
||
height : "1000px;",
|
||
placeholder : "开始使用Markdown书写MrDoc文档……\n编辑器支持粘贴上传图片",
|
||
toolbarIcons : function() {
|
||
return [
|
||
"undo", "redo", "|",
|
||
"bold", "del", "italic", "quote", "ucwords", "uppercase", "lowercase", "|",
|
||
"h1", "h2", "h3", "h4", "h5", "h6", "|",
|
||
"list-ul", "list-ol", "hr", "|",
|
||
"link", "reference-link", "image", "code", "preformatted-text", "code-block", "table", "datetime", "emoji", "html-entities", "pagebreak", "|",
|
||
"watch", "preview", "clear", "search", "|",
|
||
"help"
|
||
]
|
||
},
|
||
pageBreak : true, //分页符
|
||
path : "/static/editor.md/lib/",
|
||
saveHTMLToTextarea : true,
|
||
tex : true,//开启科学公式
|
||
tocm : true,//开启下拉目录
|
||
taskList : true,//开启任务列表
|
||
tocTitle : '文章导读',//目录标题
|
||
tocContainer: '',
|
||
tocDropdown : false,
|
||
emoji : true,//开启Emoji
|
||
imageUpload : true, //开启图片上传
|
||
imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
|
||
imageUploadURL : "{% url 'upload_doc_img' %}",
|
||
onchange:function(){
|
||
md_changed = true
|
||
},
|
||
});
|
||
//粘贴上传图片
|
||
$("#editor-md").on('paste', function (ev) {
|
||
var data = ev.clipboardData;
|
||
var items = (event.clipboardData || event.originalEvent.clipboardData).items;
|
||
for (var index in items) {
|
||
var item = items[index];
|
||
if (item.kind === 'file') {
|
||
var blob = item.getAsFile();
|
||
var reader = new FileReader();
|
||
reader.onload = function (event) {
|
||
var base64 = event.target.result;
|
||
//ajax上传图片
|
||
$.post("{% url 'upload_doc_img' %}",{base:base64}, function (ret) {
|
||
layer.msg(ret.message);
|
||
if (ret.success === 1) {
|
||
//新一行的图片显示
|
||
editor.insertValue("\n![](" + ret.url + ")");
|
||
}
|
||
});
|
||
}; // data url!
|
||
var url = reader.readAsDataURL(blob);
|
||
}
|
||
}
|
||
});
|
||
//未保存离开提示
|
||
window.onbeforeunload =function() {
|
||
if(md_changed){
|
||
return 1;
|
||
}else{
|
||
return null;
|
||
}
|
||
}
|
||
</script>
|
||
<script src="{% static 'mrdoc.js' %}"></script>
|
||
{% block custom_script %}
|
||
{% endblock %}
|
||
</body>
|
||
{% block custom_div %}
|
||
<div class="doctemp-list" id="doctemp-list" style="display: none;width: 500px;">
|
||
<div style="margin: 10px 0 0 10px;">
|
||
<a class="layui-btn layui-btn-normal" href="{% url 'create_doctemp' %}" target="_blank">创建新模板</a>
|
||
<a class="layui-btn layui-btn-normal" href="{% url 'manage_doctemp' %}" target="_blank">管理文档模板</a>
|
||
</div>
|
||
<table class="layui-table" style="margin: 10px;">
|
||
<colgroup>
|
||
<col width="150">
|
||
<col width="200">
|
||
<col>
|
||
</colgroup>
|
||
<thead>
|
||
<tr>
|
||
<th>模板名称</th>
|
||
<th>创建时间</th>
|
||
<th>操作</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
{% for temp in doctemp_list %}
|
||
<tr>
|
||
<td>{{ temp.name }}</td>
|
||
<td>{{ temp.create_time }}</td>
|
||
<td>
|
||
<a href="javascript:void(0);" onclick="insertTemp('{{temp.id}}');">选择模板</a>
|
||
{# <a href="javascript:void(0);" onclick="modifyTemp();">修改</a>#}
|
||
{# <a href="javascript:void(0);" onclick="delTemp();">删除</a>#}
|
||
</td>
|
||
</tr>
|
||
{% endfor %}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
{% endblock %}
|
||
</html> |