forked from mirror/MrDoc
添加创建和修改文档等基础模板
This commit is contained in:
yangjian
parent
8c7ba0d6bb
commit
158fb84032
BIN
db.sqlite3
BIN
db.sqlite3
Binary file not shown.
139
template/app_doc/create_base.html
Normal file
139
template/app_doc/create_base.html
Normal file
@ -0,0 +1,139 @@
|
||||
{% load staticfiles %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-cn">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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 'style.css' %}" rel="stylesheet">
|
||||
</head>
|
||||
<body class="layui-layout-body">
|
||||
<div class="layui-header">
|
||||
<div class="layui-main">
|
||||
<a class="logo" href="{% url 'pro_list' %}">
|
||||
<img src="/media/logo.png" />
|
||||
</a>
|
||||
<ul class="layui-nav layui-layout-right">
|
||||
{% if request.user.is_authenticated %}
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:void(0);">
|
||||
<i class="layui-icon layui-icon-username"></i> {{request.user.username}}
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="{% url 'manage_doc' %}">管理文档</a></dd>
|
||||
{# <dd><a href="javascript:void(0);">修改密码</a></dd>#}
|
||||
<dd><a href="{% url 'logout' %}">退出登录</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
{% else %}
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:void(0);">
|
||||
<i class="layui-icon layui-icon-username"></i> 游客
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<!-- <dd><a href="">基本资料</a></dd> -->
|
||||
<dd><a href="javascript:void(0);">注册</a></dd>
|
||||
<dd><a href="{% url 'login' %}">登录</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-main">
|
||||
{% 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;
|
||||
//初始化editormd
|
||||
var editor = editormd("editor-md", {
|
||||
width : "100%",
|
||||
height : "1000px;",
|
||||
placeholder : "开始使用Markdown书写……",
|
||||
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' %}",
|
||||
});
|
||||
//粘贴上传图片
|
||||
$("#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);
|
||||
}
|
||||
}
|
||||
});
|
||||
</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>
|
||||
@ -1,61 +1,14 @@
|
||||
{% extends 'app_doc/create_base.html' %}
|
||||
{% load staticfiles %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-cn">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>新建文档 - MrDoc</title>
|
||||
<link href="{% static 'layui/css/layui.css' %}" rel="stylesheet">
|
||||
<link rel="stylesheet" href="{% static 'editor.md/css/editormd.css' %}" />
|
||||
<link href="{% static 'style.css' %}" rel="stylesheet">
|
||||
</head>
|
||||
<body class="layui-layout-body">
|
||||
<div class="layui-header">
|
||||
<div class="layui-main">
|
||||
<a class="logo" href="{% url 'pro_list' %}">
|
||||
<img src="/media/logo.png" />
|
||||
</a>
|
||||
{# <div class="component">#}
|
||||
{# <div class="layui-input-inline">#}
|
||||
{# <input class="layui-input" placeholder="搜索文集"/>#}
|
||||
{# </div>#}
|
||||
{# </div>#}
|
||||
<ul class="layui-nav layui-layout-right">
|
||||
{% if request.user.is_authenticated %}
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:void(0);">
|
||||
<i class="layui-icon layui-icon-username"></i> {{request.user.username}}
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<!-- <dd><a href="">基本资料</a></dd> -->
|
||||
<dd><a href="{% url 'manage_doc' %}">管理文档</a></dd>
|
||||
<dd><a href="javascript:void(0);">修改密码</a></dd>
|
||||
<dd><a href="{% url 'logout' %}">退出登录</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
{% else %}
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:void(0);">
|
||||
<i class="layui-icon layui-icon-username"></i> 游客
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<!-- <dd><a href="">基本资料</a></dd> -->
|
||||
<dd><a href="javascript:void(0);">注册</a></dd>
|
||||
<dd><a href="{% url 'login' %}">登录</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-main">
|
||||
{% block title %}新建文档{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="create-doc-form">
|
||||
{# 文档标题#}
|
||||
<div class="layui-form">
|
||||
<label class="layui-form-label">文档标题</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="doc-name" id="doc-name" required lay-verify="required" placeholder="请输入文档标题" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
{# <label class="layui-form-label">所属文集</label>#}
|
||||
<label class="doc-form-label">所属文集</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="pro_id" lay-verify="required" lay-filter="project" id="project">
|
||||
@ -84,66 +37,11 @@
|
||||
<textarea style="display:none;"></textarea>
|
||||
<textarea class="editormd-html-textarea" name="$id-html-code"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
|
||||
<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>
|
||||
{% block custom_script %}
|
||||
<script>
|
||||
layui.config({
|
||||
base: "/static/layui/module/"
|
||||
}).extend({
|
||||
treeSelect: "treeSelect/treeSelect"
|
||||
});
|
||||
$.ajaxSetup({
|
||||
data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
|
||||
});
|
||||
//初始化editormd
|
||||
var editor = editormd("editor-md", {
|
||||
width : "100%",
|
||||
height : "1000px;",
|
||||
placeholder : "开始使用Markdown书写……",
|
||||
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' %}",
|
||||
});
|
||||
//粘贴上传图片
|
||||
$("#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);
|
||||
}
|
||||
}
|
||||
});
|
||||
var layer = layui.layer;
|
||||
var form = layui.form;
|
||||
var treeSelect = layui.treeSelect;
|
||||
//选择文集
|
||||
form.on('select(project)', function(data){
|
||||
console.log(data.value); //得到被选中的值
|
||||
@ -246,8 +144,9 @@
|
||||
};
|
||||
</script>
|
||||
{% endblock %}
|
||||
</body>
|
||||
<div class="doctemp-list" id="doctemp-list" style="display: none;width: 500px;">
|
||||
|
||||
{% 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>
|
||||
@ -280,4 +179,4 @@
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</html>
|
||||
{% endblock %}
|
||||
@ -1,53 +1,8 @@
|
||||
{% extends 'app_doc/create_base.html' %}
|
||||
{% load staticfiles %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-cn">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>新建文档模板 - MrDoc</title>
|
||||
<link href="{% static 'layui/css/layui.css' %}" rel="stylesheet">
|
||||
<link rel="stylesheet" href="{% static 'editor.md/css/editormd.css' %}" />
|
||||
<link href="{% static 'style.css' %}" rel="stylesheet">
|
||||
</head>
|
||||
<body class="layui-layout-body">
|
||||
<div class="layui-header">
|
||||
<div class="layui-main">
|
||||
<a class="logo" href="{% url 'pro_list' %}">
|
||||
<img src="/media/logo.png" />
|
||||
</a>
|
||||
{# <div class="component">#}
|
||||
{# <div class="layui-input-inline">#}
|
||||
{# <input class="layui-input" placeholder="搜索文集"/>#}
|
||||
{# </div>#}
|
||||
{# </div>#}
|
||||
<ul class="layui-nav layui-layout-right">
|
||||
{% if request.user.is_authenticated %}
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:void(0);">
|
||||
<i class="layui-icon layui-icon-username"></i> {{request.user.username}}
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<!-- <dd><a href="">基本资料</a></dd> -->
|
||||
<dd><a href="{% url 'manage_doc' %}">管理文档</a></dd>
|
||||
<dd><a href="javascript:void(0);">修改密码</a></dd>
|
||||
<dd><a href="{% url 'logout' %}">退出登录</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
{% else %}
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:void(0);">
|
||||
<i class="layui-icon layui-icon-username"></i> 游客
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<!-- <dd><a href="">基本资料</a></dd> -->
|
||||
<dd><a href="javascript:void(0);">注册</a></dd>
|
||||
<dd><a href="{% url 'login' %}">登录</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-main">
|
||||
{% block title %}新建文档模板{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="create-doc-form">
|
||||
<div class="layui-form">
|
||||
<label class="layui-form-label">模板标题</label>
|
||||
@ -63,63 +18,10 @@
|
||||
<textarea style="display:none;"></textarea>
|
||||
<textarea class="editormd-html-textarea" name="$id-html-code"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
<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>
|
||||
{% block custom_script %}
|
||||
<script>
|
||||
layui.config({
|
||||
base: "/static/layui/module/"
|
||||
}).extend({
|
||||
treeSelect: "treeSelect/treeSelect"
|
||||
});
|
||||
$.ajaxSetup({
|
||||
data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
|
||||
});
|
||||
//初始化editormd
|
||||
var editor = editormd("editor-md", {
|
||||
width : "100%",
|
||||
height : "1000px;",
|
||||
placeholder:"开始使用Markdown书写……",
|
||||
path : "/static/editor.md/lib/",
|
||||
saveHTMLToTextarea : true,
|
||||
tex:true,//开启科学公式
|
||||
tocm:true,//开启下拉目录
|
||||
taskList:true,//开启任务列表
|
||||
tocTitle:'文章导读',
|
||||
tocContainer:'',
|
||||
tocDropdown:false,
|
||||
emoji: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);
|
||||
}
|
||||
}
|
||||
});
|
||||
var layer = layui.layer;
|
||||
var form = layui.form;
|
||||
//保存文档模板
|
||||
createDocTemp = function(){
|
||||
var data = {
|
||||
@ -139,6 +41,4 @@
|
||||
});
|
||||
};
|
||||
</script>
|
||||
{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
@ -59,7 +59,7 @@
|
||||
|
||||
<div class="layui-footer" style="text-align:center;">
|
||||
<!-- 底部固定区域 -->
|
||||
© <a href="">MrDoc</a>
|
||||
© <a href="/">MrDoc 2019</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -1,63 +1,9 @@
|
||||
{% extends 'app_doc/create_base.html' %}
|
||||
{% load staticfiles %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-cn">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>修改文档 - MrDoc</title>
|
||||
<link href="{% static 'layui/css/layui.css' %}" rel="stylesheet">
|
||||
<link rel="stylesheet" href="{% static 'editor.md/css/editormd.css' %}" />
|
||||
<link href="{% static 'style.css' %}" rel="stylesheet">
|
||||
<style>
|
||||
ul li{
|
||||
list-style:disc;
|
||||
}
|
||||
ol li{
|
||||
list-style-type: decimal;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="layui-layout-body">
|
||||
<div class="layui-header">
|
||||
<div class="layui-main">
|
||||
<a class="logo" href="{% url 'pro_list' %}">
|
||||
<img src="/media/logo.png" />
|
||||
</a>
|
||||
{# <div class="component">#}
|
||||
{# <div class="layui-input-inline">#}
|
||||
{# <input class="layui-input" placeholder="搜索文集"/>#}
|
||||
{# </div>#}
|
||||
{# </div>#}
|
||||
<ul class="layui-nav layui-layout-right">
|
||||
{% if request.user.is_authenticated %}
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:void(0);">
|
||||
<i class="layui-icon layui-icon-username"></i> {{request.user.username}}
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<!-- <dd><a href="">基本资料</a></dd> -->
|
||||
<dd><a href="{% url 'manage_doc' %}">管理文档</a></dd>
|
||||
<dd><a href="javascript:void(0);">修改密码</a></dd>
|
||||
<dd><a href="{% url 'logout' %}">退出登录</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
{% else %}
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:void(0);">
|
||||
<i class="layui-icon layui-icon-username"></i> 游客
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<!-- <dd><a href="">基本资料</a></dd> -->
|
||||
<dd><a href="javascript:void(0);">注册</a></dd>
|
||||
<dd><a href="{% url 'login' %}">登录</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-main">
|
||||
{% block title %}修改文档{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="create-doc-form">
|
||||
{# 文档标题#}
|
||||
<div class="layui-form">
|
||||
<label class="layui-form-label">文档标题</label>
|
||||
<div class="layui-input-inline">
|
||||
@ -73,13 +19,6 @@
|
||||
<div class="layui-input-inline">
|
||||
<select name="parent_id" lay-verify="required" id="parent-doc">
|
||||
<option value="0"></option>
|
||||
{# {% for docs in doc_list %}#}
|
||||
{# {% if doc.parent_doc == docs.id %}#}
|
||||
{# <option value="{{ docs.id }}" selected>{{ docs.name }}</option>#}
|
||||
{# {% else %}#}
|
||||
{# <option value="{{ docs.id }}">{{ docs.name }}</option>#}
|
||||
{# {% endif %}#}
|
||||
{# {% endfor %}#}
|
||||
</select>
|
||||
</div>
|
||||
<label class="doc-form-label">
|
||||
@ -94,69 +33,14 @@
|
||||
<textarea style="display:none;">{{ doc.pre_content }}</textarea>
|
||||
<textarea class="editormd-html-textarea" name="$id-html-code"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
<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>
|
||||
{% block custom_script %}
|
||||
<script>
|
||||
layui.config({
|
||||
base: "/static/layui/module/"
|
||||
}).extend({
|
||||
treeSelect: "treeSelect/treeSelect"
|
||||
});
|
||||
$.ajaxSetup({
|
||||
data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
|
||||
});
|
||||
//初始化editormd
|
||||
var editor = editormd("editor-md", {
|
||||
width : "100%",
|
||||
height : "1000px;",
|
||||
placeholder : "开始使用Markdown书写……",
|
||||
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' %}",
|
||||
});
|
||||
//粘贴上传图片
|
||||
$("#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);
|
||||
}
|
||||
}
|
||||
});
|
||||
var layer = layui.layer;
|
||||
var form = layui.form;
|
||||
//获取上级文档信息
|
||||
$(function(){
|
||||
var doc_parent_id = {{ doc.parent_doc }};
|
||||
$.post('{% url 'get_pro_doc' %}',{'pro_id':$("#project").val()},function(r){
|
||||
|
||||
if(r.status){
|
||||
//解析文集的下级文档
|
||||
for(let i in r.data) {
|
||||
@ -196,6 +80,4 @@
|
||||
});
|
||||
};
|
||||
</script>
|
||||
{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
@ -1,53 +1,8 @@
|
||||
{% extends 'app_doc/create_base.html' %}
|
||||
{% load staticfiles %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-cn">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>修改文档模板 - MrDoc</title>
|
||||
<link href="{% static 'layui/css/layui.css' %}" rel="stylesheet">
|
||||
<link rel="stylesheet" href="{% static 'editor.md/css/editormd.css' %}" />
|
||||
<link href="{% static 'style.css' %}" rel="stylesheet">
|
||||
</head>
|
||||
<body class="layui-layout-body">
|
||||
<div class="layui-header">
|
||||
<div class="layui-main">
|
||||
<a class="logo" href="{% url 'pro_list' %}">
|
||||
<img src="/media/logo.png" />
|
||||
</a>
|
||||
{# <div class="component">#}
|
||||
{# <div class="layui-input-inline">#}
|
||||
{# <input class="layui-input" placeholder="搜索文集"/>#}
|
||||
{# </div>#}
|
||||
{# </div>#}
|
||||
<ul class="layui-nav layui-layout-right">
|
||||
{% if request.user.is_authenticated %}
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:void(0);">
|
||||
<i class="layui-icon layui-icon-username"></i> {{request.user.username}}
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<!-- <dd><a href="">基本资料</a></dd> -->
|
||||
<dd><a href="{% url 'manage_doc' %}">管理文档</a></dd>
|
||||
<dd><a href="javascript:void(0);">修改密码</a></dd>
|
||||
<dd><a href="{% url 'logout' %}">退出登录</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
{% else %}
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:void(0);">
|
||||
<i class="layui-icon layui-icon-username"></i> 游客
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<!-- <dd><a href="">基本资料</a></dd> -->
|
||||
<dd><a href="javascript:void(0);">注册</a></dd>
|
||||
<dd><a href="{% url 'login' %}">登录</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-main">
|
||||
{% block title %}修改文档模板{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="create-doc-form">
|
||||
<div class="layui-form">
|
||||
<label class="layui-form-label">模板标题</label>
|
||||
@ -63,63 +18,10 @@
|
||||
<textarea style="display:none;">{{doctemp.content}}</textarea>
|
||||
<textarea class="editormd-html-textarea" name="$id-html-code"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
<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>
|
||||
{% block custom_script %}
|
||||
<script>
|
||||
layui.config({
|
||||
base: "/static/layui/module/"
|
||||
}).extend({
|
||||
treeSelect: "treeSelect/treeSelect"
|
||||
});
|
||||
$.ajaxSetup({
|
||||
data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
|
||||
});
|
||||
//初始化editormd
|
||||
var editor = editormd("editor-md", {
|
||||
width : "100%",
|
||||
height : "1000px;",
|
||||
placeholder:"开始使用Markdown书写……",
|
||||
path : "/static/editor.md/lib/",
|
||||
saveHTMLToTextarea : true,
|
||||
tex:true,//开启科学公式
|
||||
tocm:true,//开启下拉目录
|
||||
taskList:true,//开启任务列表
|
||||
tocTitle:'文章导读',
|
||||
tocContainer:'',
|
||||
tocDropdown:false,
|
||||
emoji: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);
|
||||
}
|
||||
}
|
||||
});
|
||||
var layer = layui.layer;
|
||||
var form = layui.form;
|
||||
//修改文档模板
|
||||
modifyDocTemp = function(){
|
||||
var data = {
|
||||
@ -140,6 +42,4 @@
|
||||
});
|
||||
};
|
||||
</script>
|
||||
{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
Loading…
Reference in New Issue
Block a user