zhangyuheng/MrDoc
1
0
Fork 0
forked from mirror/MrDoc
Code Pull Requests Activity
5c9bed1696
MrDoc/template/app_doc/share/share_doc.html

304 lines
12 KiB
HTML
Raw Normal View History

替换staticfile模板标签为static
2020-11-30 21:50:40 +08:00
{% load static %}
添加模板国际化过滤器标签
2020-12-02 21:25:59 +08:00
{% load i18n %}
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
<!DOCTYPE html>
<html lang="zh-cn" style="font-size: 14px;">
<head>
<meta charset="UTF-8">
新增meta标签，在双核浏览器中默认使用极速内核
2021-03-25 19:04:39 +08:00
<meta name=renderer content=webkit>
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
<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" />
修复HTTPS下部分403的异常
2020-12-13 15:59:24 +08:00
<meta name="referrer" content="strict-origin">
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="{% block keyword %}{% endblock %}{{site_keywords}}"/>
<meta name="description" content="{% block description %}{% endblock %}" />
添加HTML模板的国际化翻译标签
2020-12-06 01:33:59 +08:00
<title>{{doc.name}} - {% trans "文档分享" %} - {% if site_name != None and site_name != '' %}{{site_name}} {% else %}{% trans "站点标题" %}{% endif %}</title>
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
<link href="{% static 'layui/css/layui.css' %}?version={{mrdoc_version}}" rel="stylesheet">
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
{% if doc.editor_mode != 4 %}
<link rel="stylesheet" href="{% static 'editor.md/css/editormd.css' %}?version={{mrdoc_version}}" />
{% endif %}
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
{% if doc.editor_mode == 2 %}
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
<link rel="stylesheet" href="{% static 'vditor/dist/index.css' %}?version={{mrdoc_version}}" />
{% endif %}
{% if doc.editor_mode == 4 %}
<!-- 在线表格 -->
<link rel='stylesheet' href="{% static 'luckysheet/dist/plugins/css/pluginsCss.css' %}?version={{mrdoc_version}}" />
<link rel='stylesheet' href="{% static 'luckysheet/dist/plugins/plugins.css' %}?version={{mrdoc_version}}" />
<link rel='stylesheet' href="{% static 'luckysheet/dist/css/luckysheet.css' %}?version={{mrdoc_version}}" />
<link rel='stylesheet' href="{% static 'luckysheet/dist/assets/iconfont/iconfont.css' %}?version={{mrdoc_version}}" />
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
{% endif %}
<link href="{% static 'viewerjs/viewer.min.css' %}?version={{mrdoc_version}}" rel="stylesheet">
<link rel="icon" href="{% static 'search/mrdoc_logo_300.png' %}" sizes="192x192" />
<link href="{% static 'mrdoc/mrdoc.css' %}?version={{mrdoc_version}}" rel="stylesheet">
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
<link href="{% static 'mrdoc/mrdoc-docs.css' %}?version={{mrdoc_version}}" rel="stylesheet">
<link href="{% static 'iconFont/iconfont.css' %}?version={{mrdoc_version}}" rel="stylesheet">
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
<style>
{% if img_scale %}
.markdown-body p img{
max-width: 350px;
}
{% endif %}
站点设置新增长代码显示控制选项
2021-06-08 14:33:47 +08:00
{% if long_code == 'on' %}
pre.linenums,.vditor-reset > pre > code{
max-height: max-content!important;
}
{% endif %}
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
/* html{
filter: invert(1) hue-rotate(180deg);
} */
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
</style>
<!--[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]-->
</head>
<body>
<div class="doc layui-fluid" style="padding-left:0px;">
<!-- 左侧目录栏 -->
<!-- 左侧目录栏结束 -->
<!-- 右侧文档栏 -->
<div class="doc-body">
<!-- 文档导航 -->
<div class="doc-header" role="navigation">
<!-- <a class="btn pull-left js-toolbar-action" aria-label="" href="javascript:void(0);" title="切换侧边栏">
<i class="fa fa-align-justify"></i>
</a> -->
添加HTML模板的国际化翻译标签
2020-12-06 01:33:59 +08:00
<a class="btn pull-left font-small" href="javascript:void(0);" title="{% trans '缩小字体' %}">
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
<i class="fa fa-font">-</i>
</a>
添加HTML模板的国际化翻译标签
2020-12-06 01:33:59 +08:00
<a class="btn pull-left font-large" href="javascript:void(0);" title="{% trans '放大字体' %}">
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
<i class="fa fa-font">+</i>
</a>
添加HTML模板的国际化翻译标签
2020-12-06 01:33:59 +08:00
<a class="btn pull-left font-switch" href="javascript:void(0);" title="{% trans '切换字体类型' %}">
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
<i class="fa fa-text-height"></i>
</a>
<!-- 顶部工具栏 -->
{% block head_toolbar %}
<!-- 文档目录 -->
优化文档的分享操作和分享文档页面
2021-05-09 17:35:17 +08:00
<div id="toc-container" class='sidebar doc-toc-hide'></div>
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
{% endblock %}
</div>
<!-- 文档主体 -->
<div class="doc-body-content">
<div class="doc-body-content-div">
<!-- 文档内容 -->
<div class="doc-content">
<!-- 标题 -->
<div class="doc-info">
<!-- 页面主体头信息 -->
{% block content_head %}
<h1>{{ doc.name }}</h1><hr>
{% endblock %}
</div>
<!-- 标题结束 -->
<!-- 正文开始 -->
<div class="markdown-body" id="content" style="padding: 20px;padding-top: 5px;">
{% block page_content %}
修复HTTPS下部分403的异常
2020-12-13 15:59:24 +08:00
{% if doc.editor_mode == 3 %}
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
{{ doc.content | safe }}
{% elif doc.editor_mode == 2 %}
<textarea style="display: none;">{{ doc.pre_content }}</textarea>
{% elif doc.editor_mode == 4 %}
<div id="luckysheet" style="margin:0px;padding:0px;width:100%;min-height:500px;left: 0px;top: 0px;"></div>
<textarea id="sheet_table_content" style="display: none;">{{ doc.pre_content }}</textarea>
修复HTTPS下部分403的异常
2020-12-13 15:59:24 +08:00
{% else %}
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
<textarea style="display: none;">{{ doc.pre_content }}</textarea>
修复HTTPS下部分403的异常
2020-12-13 15:59:24 +08:00
{% endif %}
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
{% endblock %}
</div>
<!-- 正文结束 -->
</div>
<hr>
<!-- 分享栏 -->
<div style="color: rgba(0,0,0,.65);padding-bottom: 10px;margin-top: 10px;">
{% block doc_bottom_block %}
<div class="layui-row layui-col-space20" style="padding-top: 10px;padding-left: 20px;">
<span>
<i class="fa fa-user"></i> {% if doc.create_user.first_name != '' %} {{doc.create_user.first_name}} {% else %} {{doc.create_user.username}}{% endif %}
</span>
添加HTML模板的国际化翻译标签
2020-12-06 01:33:59 +08:00
<span tooltip="{% trans '更新于:' %}{{doc.modify_time}}">
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
<i class="fa fa-clock-o"></i> {{ doc.modify_time }}
</span>
</div>
{% endblock %}
</div>
{% block doc_previous_next %}{% endblock %}
</div>
</div>
</div>
<!-- 右侧文档栏结束 -->
<!-- 右下角工具按钮 -->
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
<div class="fixed-tool-bar">
<div class="toTop" ><i class="layui-icon layui-icon-up"></i></div>
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
{% block right_widget %}
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
<!-- 修改文档 -->
{% if doc.create_user == request.user %}
<a class="editDoc" href="{% url 'modify_doc' doc_id=doc.id %}" title="{% trans '修改文档' %}"><i class="fa fa-pencil"></i></a>
{% endif %}
<!-- 目录 -->
<div class="tocMenu" style="display: none;"><i class="fa fa-list"></i></div>
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
{% endblock %}
</div>
</div>
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
<!-- 分享选项卡模板 -->
<div id="share_div" style="display: none;">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this">{% trans "微信扫一扫" %}</li>
<li>{% trans "复制链接" %}</li>
</ul>
<div class="layui-tab-content" style="height: 100px;">
<div class="layui-tab-item layui-show" align='center'>
<p style="font-weight: 700;margin-bottom: 10px;">{% trans "手机扫一扫进行分享" %}</p>
<div id="url_qrcode"></div>
</div>
<div class="layui-tab-item" align='center'>
<input type="text" id="copy_crt_url" name="current_url" class="layui-input" /><br>
<button class="layui-btn layui-btn-radius layui-btn-xs" style="background-color: #333;" id="copy_doc_url"">{% trans "复制链接" %}</button>
</div>
</div>
</div>
</div>
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
<script src="{% static 'jquery/3.1.1/jquery.min.js' %}"></script>
同步Layui组件库版本至2.6.8
2021-06-06 06:50:50 +08:00
<script src="{% static 'layui/layui.js' %}?version={{mrdoc_version}}"></script>
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
<script src="{% static 'viewerjs/viewer.min.js' %}?version={{mrdoc_version}}"></script>
<script src="{% static 'qrcodejs/qrcode.min.js' %}?version={{mrdoc_version}}"></script>
<script src="{% static 'mrdoc/mrdoc-docs.js' %}?version={{mrdoc_version}}"></script>
<script src="{% static 'iconFont/iconfont.js' %}?version={{mrdoc_version}}"></script>
<script src="{% static 'editor.md/lib/purify.min.js' %}?version={{mrdoc_version}}"></script>
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
<!-- 小屏自动收起左侧文集大纲 -->
<script>
//加载页面时执行一次
// changeSidebar();
$("body").removeClass("big-page");
//监听浏览器宽度的改变
// window.onresize = function(){
// changeSidebar();
// };
function changeSidebar(){
// 获取匹配指定的媒体查询
var screen_width = window.matchMedia('(max-width: 768px)');
//判断匹配状态
if(screen_width.matches){
//如果匹配到，切换侧边栏
//console.log('小屏幕')
$("body").addClass("big-page");
}else{
$("body").removeClass("big-page");
}
}
</script>
{% if doc.editor_mode == 2 %}
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
<script src="{% static 'vditor/dist/method.min.js' %}?version={{mrdoc_version}}"></script>
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
{% elif doc.editor_mode == 1 %}
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
<script src="{% static 'editor.md/lib/marked.min.js' %}?version={{mrdoc_version}}"></script>
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
<script src="{% static 'editor.md/editormd.js' %}?version={{mrdoc_version}}"></script>
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
{% elif doc.editor_mode == 4 %}
<!-- 在线表格 -->
<script src="{% static 'luckysheet/dist/plugins/js/plugin.js' %}?version={{mrdoc_version}}"></script>
<script src="{% static 'luckysheet/dist/luckysheet.umd.js' %}?version={{mrdoc_version}}"></script>
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
{% endif %}
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
<!-- 解析渲染Markdown -->
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
<script>
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
var editor_mode = {{ doc.editor_mode }};
var pro_id = {{doc.top_doc}};
var doc_id = {{doc.id}};
initDocRender(mode=editor_mode);
{% if doc.editor_mode != 2 %}
// 图片放大显示
var img_options = {
url: 'data-original',
fullscreen:false,//全屏
rotatable:false,//旋转
scalable:false,//翻转
button:false,//关闭按钮
toolbar:false,
title:false,
};
var img_viewer = new Viewer(document.getElementById('content'), img_options);
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
{% endif %}
</script>
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
<script src="{% static 'toc/doctoc.js' %}?version={{mrdoc_version}}"></script>
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
<script>
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
// 非小屏默认展开文档目录
if(window.innerWidth > 1650){
$(".sidebar").toggleClass("doc-toc-hide");
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
}
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
// 切换文档目录显示与否
$(".tocMenu").click(function() {
// console.log("切换文档目录显示")
$(".sidebar").toggleClass("doc-toc-hide");
});
// 外部链接添加图标
document.addEventListener('DOMContentLoaded', function() {
Array.prototype.filter.call(document.links, function(link) {
return link.hostname && link.hostname !== location.hostname;
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
})
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
.forEach(function(link) {
// console.log(link,$(link).children('img').length)
if($(link).children().length == 0){
link.classList.add('external');
}
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
});
});
</script>
<!-- 切换隐藏侧边栏 -->
<script>
// 切换侧边栏
$(function(){
$(".js-toolbar-action").click(toggleSidebar);
});
//切换侧边栏显示隐藏
function toggleSidebar(){
console.log("切换侧边栏")
$("body").toggleClass("big-page");
return false;
}
// 文档分享默认收起侧边栏
toggleSidebar()
</script>
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
<!-- 动态添加广告代码 -->
{% if debug %}
{% else %}
<div id="ad-1">
{{ad_code|safe}}
</div>
<div id="ad-2">
{{ad_code_2|safe}}
</div>
<div id="ad-3">
{{ad_code_3|safe}}
</div>
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
<script>
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
$("#ad-1").appendTo($("#ad-code-1"));
$("#ad-2").appendTo($("#ad-code-2"));
$("#ad-3").appendTo($("#ad-code-3"));
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
</script>
处理分享的文档内容不渲染的问题
2021-05-08 22:53:13 +08:00
{% endif %}
<!-- 广告代码结束 -->
v0.6.1，详见更新日志
2020-11-16 21:32:08 +08:00
<!-- 统计代码开始 -->
{% if debug %}
{% else %}
{{ static_code | safe }}
{% endif %}
<!-- 统计代码结束 -->
{% block custom_script %}
{% endblock %}
</body>
</html>
Copy Permalink