\n' + quoteBegin + $quote + '\n'; }; // marked 解析图片 markedRenderer.image = function(href,title,text) { var attr = ""; var begin = ""; var end = ""; // console.log(href,title,text) // console.log(iframe_whitelist) if(/^=(.*?)/.test(text)){ // console.log(text) switch(text){ case '=video': return "" break; case '=audio': return "" break; case '=video_iframe': const youtubeMatch = href.match(/\/\/(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))([\w|-]{11})(?:(?:[\?&]t=)(\S+))?/); const youkuMatch = href.match(/\/\/v\.youku\.com\/v_show\/id_(\w+)=*\.html/); const qqMatch = href.match(/\/\/v\.qq\.com\/x\/cover\/.*\/([^\/]+)\.html\??.*/); const coubMatch = href.match(/(?:www\.|\/\/)coub\.com\/view\/(\w+)/); const facebookMatch = href.match(/(?:www\.|\/\/)facebook\.com\/([^\/]+)\/videos\/([0-9]+)/); const dailymotionMatch = href.match(/.+dailymotion.com\/(video|hub)\/(\w+)\?/); const bilibiliMatch = href.match(/(?:www\.|\/\/)bilibili\.com\/video\/(\w+)/); const tedMatch = href.match(/(?:www\.|\/\/)ted\.com\/talks\/(\w+)/); if (youtubeMatch && youtubeMatch[1].length === 11) { return `` } else if (youkuMatch && youkuMatch[1]) { return `` } else if (qqMatch && qqMatch[1]) { return `` } else if (coubMatch && coubMatch[1]) { return `` } else if (facebookMatch && facebookMatch[0]) { return `` } else if (dailymotionMatch && dailymotionMatch[2]) { return `` } else if (bilibiliMatch && bilibiliMatch[1]) { return `` } else if (tedMatch && tedMatch[1]) { return `` }else{ return '' } break; } } if(href && href !== ""){ var a = document.createElement('a'); a.href = href; var attrs = a.hash.match(/size=\d+x\d+/i); if(attrs !== null) { a.hash = a.hash.replace(attrs[0],""); href = a.href; attrs = attrs[0].replace("size=","").split("x"); if(attrs[0] > 0) { attr += " width=\"" + attrs[0] + "\"" } if(attrs[1] > 0) { attr += " height=\"" + attrs[1] + "\"" } } attrs = a.hash.match(/align=(center|left|right)/i) if (attrs !== null) { var hash = a.hash.replace(attrs[0],""); if (hash.indexOf("#&") === 0) { hash = "#" + hash.substr(2); } a.hash = hash; href = a.href; attrs = attrs[0].replace("align=",""); end = ""; if(attrs === "center"){ begin = '
'; }else if (attrs === "left") { begin = '
'; }else if (attrs === "right") { begin = '
';
}
}
}
if(!text.trim()){text="invalid image(图片无法加载)";}
return begin + "" + end;
};
// marked emoji 解析
markedRenderer.emoji = function(text) {
return text;
};
// marked @ 解析
markedRenderer.atLink = function(text) {
return text;
};
// marked 高亮标记解析
markedRenderer.mark = function(text){
if(markReg.test(text)){
// console.log(1,text)
var mark_replace_reg = /==(.+)==/g
text = text.replace(markReg,function(e){
// console.log(2,e)
return "" + e.replace(mark_replace_reg,function($1,$2){return $2}) + ""
})
}
return text
};
// marked 链接解析
markedRenderer.link = function (href, title, text) {
if (this.options.sanitize) {
try {
var prot = decodeURIComponent(unescape(href)).replace(/[^\w:]/g,"").toLowerCase();
} catch(e) {
return "";
}
if (prot.indexOf("javascript:") === 0) {
return "";
}
}
var out = "" + text.replace(/@/g, "@") + "";
}
if (title) {
out += " title=\"" + title + "\"";
}
out += ">" + text + "";
return out;
};
// marked 解析标题
markedRenderer.heading = function(text, level, raw) {
var linkText = text;
var hasLinkReg = /\s*\
";
}
return text;
};
// marked 解析段落
markedRenderer.paragraph = function(text) {
var isTeXInline = /\$\$(.*)\$\$/g.test(text);
var isTeXLine = /^\$\$(.*)\$\$$/.test(text);
var isTeXAddClass = (isTeXLine) ? " class=\"" + editormd.classNames.tex + "\"" : "";
var isToC = (settings.tocm) ? /^(\[TOC\]|\[TOCM\])$/.test(text) : /^\[TOC\]$/.test(text);
var isToCMenu = /^\[TOCM\]$/.test(text);
if (!isTeXLine && isTeXInline)
{
text = text.replace(/(\$\$([^\$]*)\$\$)+/g, function($1, $2) {
return "" + $2.replace(/\$/g, "") + "";
});
}
else
{
text = (isTeXLine) ? text.replace(/\$/g, "") : text;
}
var tocHTML = "" + text + "";
return (isToC) ? ( (isToCMenu) ? "
" : tocHTML )
: ( (pageBreakReg.test(text)) ? this.pageBreak(text) : "
" + code + "
";
}
else if ( lang === "flow")
{
return "" + code + "
";
}
else if ( lang === "math" || lang === "latex" || lang === "katex")
{
return "" + code + "
"; } else if( lang === 'mermaid') { return '' + code + '
'
}
else if (/^mindmap/i.test(lang)){ // 思维导图
var len = 9 || 32;
var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';
var maxPos = $chars.length;
var map_id = '';
for (var i = 0; i < len; i++) {
map_id += $chars.charAt(Math.floor(Math.random() * maxPos));
}
// var map_id = lang.split('>')[1];
// console.log(map_id)
var custom_height;
var h = lang.split('>')[1];
if(h != undefined){
custom_height = h;
}else{
custom_height = 150;
}
return "";
}
else if(/^echart/i.test(lang)||/^echarts/i.test(lang)){ // echart 图表
var len = 9 || 32;
var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';
var maxPos = $chars.length;
var map_id = '';
for (var i = 0; i < len; i++) {
map_id += $chars.charAt(Math.floor(Math.random() * maxPos));
}
// var map_id = lang.split('>')[1];
// console.log(map_id)
var custom_height;
var h = lang.split('>')[1];
if(h != undefined){
custom_height = h;
}else{
custom_height = 150;
}
return ""+code+"
";
}
else if(/^timeline/i.test(lang)){ // 时间线
var time_line = '- '
// console.log(code)
var timeline_code = code.split(/(\r\n\t|\n|\r\t)+/);
// console.log(timeline_code)
timeline_code.forEach(function(item,index){
// console.log(item,index)
if(item.match(/^# /)){ // 时间标题
time_line += '
- '
time_line += ''
time_line += '' time_line += '
' time_line += item.replace('# ','') time_line += '
' }else if(/^[=]{4,}$/.test(item)){ time_line += ' '
}else{
var markedOptions = { // marked 选项
renderer : editormd.markedRenderer(), // 渲染器
gfm : settings.gfm, // 风格
tables : true, // 表格
breaks : true, //
pedantic : false,
sanitize : (settings.htmlDecode) ? false : true, // 是否忽略HTML标签，即是否开启HTML标签解析，为了安全性，默认不开启
smartLists : true,
smartypants : false
};
time_line += marked(item,markedOptions)
}
})
time_line += '
'
// console.log(code)
var title_code = code.split(/[(\r\n)\r\n]+/);
// console.log(title_code)
title_code.forEach(function(item,index){
// console.log(item,index)
if(item.match(/^# /)){ // 时间标题
site_title += ''
}else{
site_title += marked(item)
}
})
site_title += '
'
return site_title;
}
else if(/^tblock/i.test(lang)){ // site-title-block
var title_block = ''
// console.log(code)
var titleblock_code = code.split(/[(\r\n)\r\n]+/);
// console.log(titleblock_code)
titleblock_code.forEach(function(item,index){
// console.log(item,index)
if(item.match(/^# /)){ // 时间标题
title_block += '
'
}else{
title_block += marked(item)
}
})
title_block += '
'
return title_block;
}
else if(/^hr/i.test(lang)){ // 分割线
var color = lang.split(' ')[1];
var ccolor = custom_color(color);
var hr = '' hr += '' return hr; } else if(/^card/i.test(lang)){ // 卡片面板 var color1 = lang.split(' ')[1]; var ccolor = custom_color(color1); var color2 = lang.split(' ')[2]; var dcolor = custom_color(color2); var card = '
'
// console.log(code)
var card_code = code.split(/[(\r\n)\r\n]+/);
// console.log(card_code)
card_code.forEach(function(item,index){
// console.log(item,index)
if(item.match(/^# /)){ // 时间标题
card += '
' return card; } else { return marked.Renderer.prototype.code.apply(this, arguments); } }; // marked 解析表格 markedRenderer.tablecell = function(content, flags) { var type = (flags.header) ? "th" : "td"; var tag = (flags.align) ? "<" + type +" style=\"text-align:" + flags.align + "\">" : "<" + type + ">"; return tag + this.atLink(this.emoji(content)) + "\n"; }; // marked 解析列表项 markedRenderer.listitem = function(text) { if (settings.taskList && /^\s*\[[x\s]\]\s*/.test(text)) { text = text.replace(/^\s*\[\s\]\s*/, " ") .replace(/^\s*\[x\]\s*/, " "); return "" + this.atLink(this.emoji(text)) + " ";
}
else
{
return "" + this.atLink(this.emoji(text)) + " ";
}
};
return markedRenderer;
};
/**
*
* 生成TOC(Table of Contents)
* Creating ToC (Table of Contents)
*
* @param {Array} toc 从marked获取的TOC数组列表
* @param {Element} container 插入TOC的容器元素
* @param {Integer} startLevel Hx 起始层级
* @returns {Object} tocContainer 返回ToC列表容器层的jQuery对象元素
*/
editormd.markdownToCRenderer = function(toc, container, tocDropdown, startLevel) {
var html = "";
var lastLevel = 0;
var classPrefix = this.classPrefix;
startLevel = startLevel || 1;
for (var i = 0, len = toc.length; i < len; i++)
{
var text = toc[i].text;
var level = toc[i].level;
var id = toc[i].id;
if (level < startLevel) {
continue;
}
if (level > lastLevel)
{
html += "";
}
else if (level < lastLevel)
{
html += (new Array(lastLevel - level + 2)).join("");
}
else
{
html += "";
}
//html += "" + text + "
'
card += item.replace('# ','')
card += '
'
card += ''
}else{
card += marked(item)
}
})
card += '
' return card; } else { return marked.Renderer.prototype.code.apply(this, arguments); } }; // marked 解析表格 markedRenderer.tablecell = function(content, flags) { var type = (flags.header) ? "th" : "td"; var tag = (flags.align) ? "<" + type +" style=\"text-align:" + flags.align + "\">" : "<" + type + ">"; return tag + this.atLink(this.emoji(content)) + "\n"; }; // marked 解析列表项 markedRenderer.listitem = function(text) { if (settings.taskList && /^\s*\[[x\s]\]\s*/.test(text)) { text = text.replace(/^\s*\[\s\]\s*/, " ") .replace(/^\s*\[x\]\s*/, " "); return "
- ";
html += "
- " + text + "
- ";
lastLevel = level;
}
var tocContainer = container.find(".markdown-toc");
if ((tocContainer.length < 1 && container.attr("previewContainer") === "false"))
{
var tocHTML = "";
tocHTML = (tocDropdown) ? "
" + tocTitle + " " + icon + "
");
$this.mouseover(function(){
menu.show();
list.each(function(){
var li = $(this);
var ul = li.children("ul");
if (ul.html() === "")
{
ul.remove();
}
if (ul.length > 0 && ul.html() !== "")
{
var firstA = li.children("a").first();
if (firstA.children(".fa").length < 1)
{
firstA.append( $(icon).css({ float:"right", paddingTop:"4px" }) );
}
}
li.mouseover(function(){
ul.css("z-index", zindex).show();
zindex += 1;
}).mouseleave(function(){
ul.hide();
});
});
}).mouseleave(function(){
menu.hide();
});
});
return tocMenus;
};
/**
* 简单地过滤指定的HTML标签
* Filter custom html tags
*
* @param {String} html 要过滤HTML
* @param {String} filters 要过滤的标签
* @returns {String} html 返回过滤的HTML
*/
editormd.filterHTMLTags = function(html, filters) {
console.log(html)
console.log(filters)
if (typeof html !== "string") {
html = new String(html).toString();
}
if (typeof filters !== "string") {
//return html;
// If no filters set use "script|on*" by default to avoid XSS
filters = "script|on*";
}
var expression = filters.split("|");
var filterTags = expression[0].split(",");
var attrs = expression[1];
console.log(attrs)
if(!filterTags.includes('allowScript') && !filterTags.includes('script'))
{
// Only allow script if requested specifically
filterTags.push('script');
}
for (var i = 0, len = filterTags.length; i < len; i++)
{
var tag = filterTags[i];
html = html.replace(new RegExp("\<\s*" + tag + "\s*([^\>]*)\>([^\>]*)\<\s*\/" + tag + "\s*\>", "igm"), "");
html = html.replace(new RegExp("\<\s*" + tag + ".*?/?>", "igm"), "") // 过滤单闭合标签
}
//return html;
if (typeof attrs === "undefined")
{
// If no attrs set block "on*" to avoid XSS
attrs = "on*"
}
if (typeof attrs !== "undefined")
{
var htmlTagRegex = /\<(\w+)\s*([^\>]*)\>([^\>]*)\<\/(\w+)\>/ig;
var filterAttrs = attrs.split(",");
var filterOn = true;
if(filterAttrs.includes('allowOn'))
{
// Only allow on* if requested specifically
filterOn = false;
}
if (attrs === "*")
{
html = html.replace(htmlTagRegex, function($1, $2, $3, $4, $5) {
return "<" + $2 + ">" + $4 + "";
});
}
// else if (attrs === "on*")
else if ((attrs === "on*") || filterOn)
{
html = html.replace(htmlTagRegex, function($1, $2, $3, $4, $5) {
console.log($1)
console.log($2)
console.log($4)
console.log($5)
var el = $("<" + $2 + ">" + $4 + "");
var _attrs = $($1)[0].attributes;
var $attrs = {};
$.each(_attrs, function(i, e) {
if (e.nodeName !== '"') $attrs[e.nodeName] = e.nodeValue;
});
$.each($attrs, function(i) {
if (i.indexOf("on") === 0) {
delete $attrs[i];
}
});
el.attr($attrs);
var text = (typeof el[1] !== "undefined") ? $(el[1]).text() : "";
return el[0].outerHTML + text;
});
}
// else
if(filterAttrs.length > 1 || (filterAttrs[0]!=="*" && filterAttrs[0]!=="on*"))
{
html = html.replace(htmlTagRegex, function($1, $2, $3, $4) {
// var filterAttrs = attrs.split(",");
var el = $($1);
el.html($4);
$.each(filterAttrs, function(i) {
el.attr(filterAttrs[i], null);
});
return el[0].outerHTML;
});
}
}
return html;
};
/**
* 将Markdown文档解析为HTML用于前台显示
* Parse Markdown to HTML for Font-end preview.
*
* @param {String} id 用于显示HTML的对象ID
* @param {Object} [options={}] 配置选项，可选
* @returns {Object} div 返回jQuery对象元素
*/
editormd.markdownToHTML = function(id, options) { // Markdown 渲染为 HTML
var defaults = { // 默认属性
gfm : true,
toc : true,
tocm : false,
tocStartLevel : 1,
tocTitle : "目录",
tocDropdown : false,
tocContainer : "",
markdown : "",
markdownSourceCode : false,
htmlDecode : false,
autoLoadKaTeX : false, // 自动默认加载katex的js
pageBreak : true,
atLink : true, // for @link
emailLink : true, // for mail address auto link
tex : false,
taskList : false, // Github Flavored Markdown task lists
emoji : false,
flowChart : false,
mindMap : true, //脑图
echart : true,
mermaid : true,
sequenceDiagram : false,
previewCodeHighlight : true,
plugin_path : '/static/editor.md/lib/'
};
editormd.$marked = marked; // 定义 editormd 的 marked 属性 为 marked
var div = $("#" + id); // Markdown 内容所在的 div
var settings = div.settings = $.extend(true, defaults, options || {});
var saveTo = div.find("textarea"); // HTML 保存的 DIV
// 如果页面没有保存 HTML 的div，则自动添加一个
if (saveTo.length < 1)
{
div.append("");
saveTo = div.find("textarea");
}
var markdownDoc = (settings.markdown === "") ? saveTo.val() : settings.markdown;
var markdownToC = [];
var rendererOptions = { // 渲染选项
toc : settings.toc, // 目录
tocm : settings.tocm, // 目录
tocStartLevel : settings.tocStartLevel, // 目录开始级别
taskList : settings.taskList, // 人物列表
emoji : settings.emoji, // emoji 表情
tex : settings.tex, // 公式
pageBreak : settings.pageBreak, // 分页符
atLink : settings.atLink, // for @link
emailLink : settings.emailLink, // for mail address auto link
flowChart : settings.flowChart, // 流程图
sequenceDiagram : settings.sequenceDiagram, // 序列图
mindMap : settings.mindMap, // 思维导图
echart : settings.echart, // 思维导图
mermaid : settings.mermaid, // mermaid 图表
previewCodeHighlight : settings.previewCodeHighlight, // 预览代码高度
};
var markedOptions = { // marked 选项
renderer : editormd.markedRenderer(markdownToC, rendererOptions), // 渲染器
gfm : settings.gfm, // 风格
tables : true, // 表格
breaks : true, //
pedantic : false,
sanitize : (settings.htmlDecode) ? false : true, // 是否忽略HTML标签，即是否开启HTML标签解析，为了安全性，默认不开启
smartLists : true,
smartypants : false
};
markdownDoc = new String(markdownDoc).toString();
var markdownParsed = marked(markdownDoc, markedOptions);
// markdownParsed = editormd.filterHTMLTags(markdownParsed, settings.htmlDecode);
// 使用DOMPurify过滤HTML
markdownParsed = DOMPurify.sanitize(markdownParsed,{ADD_TAGS: ['iframe']});
// console.log(markdownParsed)
if (settings.markdownSourceCode) {
saveTo.text(markdownDoc);
} else {
saveTo.remove();
}
div.addClass("markdown-body " + this.classPrefix + "html-preview").append(markdownParsed);
var tocContainer = (settings.tocContainer !== "") ? $(settings.tocContainer) : div;
if (settings.tocContainer !== "")
{
tocContainer.attr("previewContainer", false);
}
if (settings.toc)
{
div.tocContainer = this.markdownToCRenderer(markdownToC, tocContainer, settings.tocDropdown, settings.tocStartLevel);
if (settings.tocDropdown || div.find("." + this.classPrefix + "toc-menu").length > 0)
{
this.tocDropdownMenu(div, settings.tocTitle);
}
if (settings.tocContainer !== "")
{
div.find(".editormd-toc-menu, .editormd-markdown-toc").remove();
}
}
if (settings.previewCodeHighlight)
{
editormd.loadScript(settings.plugin_path + 'raphael.min', function(){
editormd.loadScript(settings.plugin_path + 'underscore.min', function(){
// editormd.loadScript(settings.plugin_path + 'prettify.min',function(){
// prettyPrint();
// })
})
})
div.find("pre").addClass("line-numbers language-bash");
}
if (!editormd.isIE8)
{
// 渲染流程图
if (settings.flowChart) {
var has_flowchart = false;
div.find(".flowchart").each(function(){
console.log("渲染流程图");
has_flowchart = true;
})
if(has_flowchart){
editormd.loadScript(settings.plugin_path + 'flowchart.min',function(){
editormd.loadScript(settings.plugin_path + 'jquery.flowchart.min',function(){
div.find(".flowchart").flowChart();
})
})
}
}
// 渲染时序图
if (settings.sequenceDiagram) {
var has_sequence_dia = false;
div.find(".sequence-diagram").each(function(){
console.log("渲染时序图");
has_sequence_dia = true;
})
if(has_sequence_dia){
editormd.loadScript(settings.plugin_path + 'underscore.min', function(){
editormd.loadScript(settings.plugin_path + 'sequence-diagram.min',function(){
div.find(".sequence-diagram").sequenceDiagram({theme: "simple"});
})
})
}
// div.find(".sequence-diagram").sequenceDiagram({theme: "simple"});
}
}
// 渲染公式
if (settings.tex)
{
var katexHandle = function() {
div.find("." + editormd.classNames.tex).each(function(){
var tex = $(this);
// editormd.loadKaTeX(function(){
// editormd.$katex = katex;
// editormd.kaTeXLoaded = true;
// katex.render(tex.html().replace(/</g, "<").replace(/>/g, ">"), tex[0]);
// tex.find(".katex").css("font-size", "1.6em");
// });
editormd.loadCSS(settings.plugin_path + 'katex/katex.min', function(){
editormd.loadScript(settings.plugin_path + 'katex/katex.min', function(){
editormd.$katex = katex;
editormd.kaTeXLoaded = true;
katex.render(tex.html().replace(/</g, "<").replace(/>/g, ">"), tex[0]);
tex.find(".katex").css("font-size", "1.6em");
});
});
});
};
if (settings.autoLoadKaTeX && !editormd.$katex && !editormd.kaTeXLoaded)
{
this.loadKaTeX(function() {
editormd.$katex = katex;
editormd.kaTeXLoaded = true;
katexHandle();
});
}
else
{
katexHandle();
}
}
// 前台渲染脑图
if(settings.mindMap){
// console.log("前台渲染脑图")
var mindmapHandle = function(){
div.find(".mindmap").each(function(){
console.log("存在脑图")
var mmap = $(this);
var mmap_id = this.id;
editormd.loadScript(settings.plugin_path + 'mindmap/d3@5',function(){
editormd.loadScript(settings.plugin_path + 'mindmap/transform.min',function(){
editormd.loadScript(settings.plugin_path + 'mindmap/view.min',function(){
var md_data = window.markmap.transform(mmap.text().trim());
window.markmap.markmap("svg#"+mmap_id,md_data)
})
})
})
});
};
mindmapHandle();
}
// 前台渲染 Echart
if(settings.echart){
var echartHandle = function(){
div.find(".echart").each(function(){
// console.log("存在echart")
var echart = $(this);
var echart_id = this.id;
editormd.loadScript(settings.plugin_path + 'echarts.min',function(){
if(echart.text() != ''){
// console.log("渲染echarts")
var echart_data = eval("(" + echart.text() + ")");
echart.empty();
var myChart = echarts.init(document.getElementById(echart_id),null,{renderer: 'svg'});
myChart.setOption(echart_data);
}
});
});
};
echartHandle();
}
// 前台渲染mermaid图表
if(settings.mermaid){
// console.log("解析mermaid")
var mermaidHandle = function(){
var has_mermaid = false;
div.find(".mermaid").each(function(){
// console.log("存在mermaid图表")
has_mermaid = true;
})
if(has_mermaid){
editormd.loadScript(settings.plugin_path + 'mermaid.min',function(){
mermaid.initialize({
startOnload:false,
})
mermaid.init(undefined,$(".mermaid"))
})
}
};
mermaidHandle();
}
div.getMarkdown = function() {
return saveTo.val();
};
return div;
};
// Editor.md themes, change toolbar themes etc.
// added @1.5.0
editormd.themes = ["default", "dark"];
// Preview area themes
// added @1.5.0
editormd.previewThemes = ["default", "dark"];
// CodeMirror / editor area themes
// @1.5.0 rename -> editorThemes, old version -> themes
editormd.editorThemes = [
"default", "3024-day", "3024-night",
"ambiance", "ambiance-mobile",
"base16-dark", "base16-light", "blackboard",
"cobalt",
"eclipse", "elegant", "erlang-dark",
"lesser-dark",
"mbo", "mdn-like", "midnight", "monokai",
"neat", "neo", "night",
"paraiso-dark", "paraiso-light", "pastel-on-dark",
"rubyblue",
"solarized",
"the-matrix", "tomorrow-night-eighties", "twilight",
"vibrant-ink",
"xq-dark", "xq-light"
];
editormd.loadPlugins = {};
editormd.loadFiles = {
js : [],
css : [],
plugin : []
};
/**
* 动态加载Editor.md插件，但不立即执行
* Load editor.md plugins
*
* @param {String} fileName 插件文件路径
* @param {Function} [callback=function()] 加载成功后执行的回调函数
* @param {String} [into="head"] 嵌入页面的位置
*/
editormd.loadPlugin = function(fileName, callback, into) {
callback = callback || function() {};
this.loadScript(fileName, function() {
editormd.loadFiles.plugin.push(fileName);
callback();
}, into);
};
/**
* 动态加载CSS文件的方法
* Load css file method
*
* @param {String} fileName CSS文件名
* @param {Function} [callback=function()] 加载成功后执行的回调函数
* @param {String} [into="head"] 嵌入页面的位置
*/
editormd.loadCSS = function(fileName, callback, into) {
into = into || "head";
callback = callback || function() {};
var css = document.createElement("link");
css.type = "text/css";
css.rel = "stylesheet";
css.onload = css.onreadystatechange = function() {
editormd.loadFiles.css.push(fileName);
callback();
};
css.href = fileName + ".css";
if(into === "head") {
document.getElementsByTagName("head")[0].appendChild(css);
} else {
document.body.appendChild(css);
}
};
editormd.isIE = (navigator.appName == "Microsoft Internet Explorer");
editormd.isIE8 = (editormd.isIE && navigator.appVersion.match(/8./i) == "8.");
/**
* 动态加载JS文件的方法
* Load javascript file method
*
* @param {String} fileName JS文件名
* @param {Function} [callback=function()] 加载成功后执行的回调函数
* @param {String} [into="head"] 嵌入页面的位置
*/
editormd.loadScript = function(fileName, callback, into) {
into = into || "head";
callback = callback || function() {};
var script = null;
script = document.createElement("script");
script.id = fileName.replace(/[\./]+/g, "-");
script.type = "text/javascript";
script.src = fileName + ".js";
if (editormd.isIE8)
{
script.onreadystatechange = function() {
if(script.readyState)
{
if (script.readyState === "loaded" || script.readyState === "complete")
{
script.onreadystatechange = null;
editormd.loadFiles.js.push(fileName);
callback();
}
}
};
}
else
{
script.onload = function() {
editormd.loadFiles.js.push(fileName);
callback();
};
}
if (into === "head") {
document.getElementsByTagName("head")[0].appendChild(script);
} else {
document.body.appendChild(script);
}
};
// 使用国外的CDN，加载速度有时会很慢，或者自定义URL
// You can custom KaTeX load url.
editormd.katexURL = {
css : "/static/editor.md/lib/katex/katex.min",
js : "/static/editor.md/lib/katex/katex.min",
};
editormd.kaTeXLoaded = false;
/**
* 加载KaTeX文件
* load KaTeX files
*
* @param {Function} [callback=function()] 加载成功后执行的回调函数
*/
editormd.loadKaTeX = function (callback) {
editormd.loadCSS(editormd.katexURL.css, function(){
editormd.loadScript(editormd.katexURL.js, callback || function(){});
});
};
/**
* 锁屏
* lock screen
*
* @param {Boolean} lock Boolean 布尔值，是否锁屏
* @returns {void}
*/
editormd.lockScreen = function(lock) {
$("html,body").css("overflow", (lock) ? "hidden" : "");
};
/**
* 动态创建对话框
* Creating custom dialogs
*
* @param {Object} options 配置项键值对 Key/Value
* @returns {dialog} 返回创建的dialog的jQuery实例对象
*/
editormd.createDialog = function(options) {
var defaults = {
name : "",
width : 420,
height: 240,
title : "",
drag : true,
closed : true,
content : "",
mask : true,
maskStyle : {
backgroundColor : "#fff",
opacity : 0.1
},
lockScreen : true,
footer : true,
buttons : false
};
options = $.extend(true, defaults, options);
var $this = this;
var editor = this.editor;
var classPrefix = editormd.classPrefix;
var guid = (new Date()).getTime();
var dialogName = ( (options.name === "") ? classPrefix + "dialog-" + guid : options.name);
var mouseOrTouch = editormd.mouseOrTouch;
var html = "
" + tocHTML + "" : tocHTML; container.html(tocHTML); tocContainer = container.find(".markdown-toc"); } if (tocDropdown) { tocContainer.wrap("
"); } tocContainer.html(""; if (options.title !== "") { html += ""; editor.append(html); var dialog = editor.find("." + dialogName); dialog.lockScreen = function(lock) { if (options.lockScreen) { $("html,body").css("overflow", (lock) ? "hidden" : ""); $this.resize(); } return dialog; }; dialog.showMask = function() { if (options.mask) { editor.find("." + classPrefix + "mask").css(options.maskStyle).css("z-index", editormd.dialogZindex - 1).show(); } return dialog; }; dialog.hideMask = function() { if (options.mask) { editor.find("." + classPrefix + "mask").hide(); } return dialog; }; dialog.loading = function(show) { var loading = dialog.find("." + classPrefix + "dialog-mask"); loading[(show) ? "show" : "hide"](); return dialog; }; dialog.lockScreen(true).showMask(); dialog.show().css({ zIndex : editormd.dialogZindex, border : (editormd.isIE8) ? "1px solid #ddd" : "", width : (typeof options.width === "number") ? options.width + "px" : options.width, height : (typeof options.height === "number") ? options.height + "px" : options.height }); var dialogPosition = function(){ dialog.css({ top : ($(window).height() - dialog.height()) / 2 + "px", left : ($(window).width() - dialog.width()) / 2 + "px" }); }; dialogPosition(); $(window).resize(dialogPosition); dialog.children("." + classPrefix + "dialog-close").bind(mouseOrTouch("click", "touchend"), function() { dialog.hide().lockScreen(false).hideMask(); }); if (typeof options.buttons === "object") { var footer = dialog.footer = dialog.find("." + classPrefix + "dialog-footer"); for (var key in options.buttons) { var btn = options.buttons[key]; var btnClassName = classPrefix + key + "-btn"; footer.append(""); btn[1] = $.proxy(btn[1], dialog); footer.children("." + btnClassName).bind(mouseOrTouch("click", "touchend"), btn[1]); } } if (options.title !== "" && options.drag) { var posX, posY; var dialogHeader = dialog.children("." + classPrefix + "dialog-header"); if (!options.mask) { dialogHeader.bind(mouseOrTouch("click", "touchend"), function(){ editormd.dialogZindex += 2; dialog.css("z-index", editormd.dialogZindex); }); } dialogHeader.mousedown(function(e) { e = e || window.event; //IE posX = e.clientX - parseInt(dialog[0].style.left); posY = e.clientY - parseInt(dialog[0].style.top); document.onmousemove = moveAction; }); var userCanSelect = function (obj) { obj.removeClass(classPrefix + "user-unselect").off("selectstart"); }; var userUnselect = function (obj) { obj.addClass(classPrefix + "user-unselect").on("selectstart", function(event) { // selectstart for IE return false; }); }; var moveAction = function (e) { e = e || window.event; //IE var left, top, nowLeft = parseInt(dialog[0].style.left), nowTop = parseInt(dialog[0].style.top); if( nowLeft >= 0 ) { if( nowLeft + dialog.width() <= $(window).width()) { left = e.clientX - posX; } else { left = $(window).width() - dialog.width(); document.onmousemove = null; } } else { left = 0; document.onmousemove = null; } if( nowTop >= 0 ) { top = e.clientY - posY; } else { top = 0; document.onmousemove = null; } document.onselectstart = function() { return false; }; userUnselect($("body")); userUnselect(dialog); dialog[0].style.left = left + "px"; dialog[0].style.top = top + "px"; }; document.onmouseup = function() { userCanSelect($("body")); userCanSelect(dialog); document.onselectstart = null; document.onmousemove = null; }; dialogHeader.touchDraggable = function() { var offset = null; var start = function(e) { var orig = e.originalEvent; var pos = $(this).parent().position(); offset = { x : orig.changedTouches[0].pageX - pos.left, y : orig.changedTouches[0].pageY - pos.top }; }; var move = function(e) { e.preventDefault(); var orig = e.originalEvent; $(this).parent().css({ top : orig.changedTouches[0].pageY - offset.y, left : orig.changedTouches[0].pageX - offset.x }); }; this.bind("touchstart", start).bind("touchmove", move); }; dialogHeader.touchDraggable(); } editormd.dialogZindex += 2; return dialog; }; /** * 鼠标和触摸事件的判断/选择方法 * MouseEvent or TouchEvent type switch * * @param {String} [mouseEventType="click"] 供选择的鼠标事件 * @param {String} [touchEventType="touchend"] 供选择的触摸事件 * @returns {String} EventType 返回事件类型名称 */ editormd.mouseOrTouch = function(mouseEventType, touchEventType) { mouseEventType = mouseEventType || "click"; touchEventType = touchEventType || "touchend"; var eventType = mouseEventType; try { document.createEvent("TouchEvent"); eventType = touchEventType; } catch(e) {} return eventType; }; /** * 日期时间的格式化方法 * Datetime format method * * @param {String} [format=""] 日期时间的格式，类似PHP的格式 * @returns {String} datefmt 返回格式化后的日期时间字符串 */ editormd.dateFormat = function(format) { format = format || ""; var addZero = function(d) { return (d < 10) ? "0" + d : d; }; var date = new Date(); var year = date.getFullYear(); var year2 = year.toString().slice(2, 4); var month = addZero(date.getMonth() + 1); var day = addZero(date.getDate()); var weekDay = date.getDay(); var hour = addZero(date.getHours()); var min = addZero(date.getMinutes()); var second = addZero(date.getSeconds()); var ms = addZero(date.getMilliseconds()); var datefmt = ""; var ymd = year2 + "-" + month + "-" + day; var fymd = year + "-" + month + "-" + day; var hms = hour + ":" + min + ":" + second; switch (format) { case "UNIX Time" : datefmt = date.getTime(); break; case "UTC" : datefmt = date.toUTCString(); break; case "yy" : datefmt = year2; break; case "year" : case "yyyy" : datefmt = year; break; case "month" : case "mm" : datefmt = month; break; case "cn-week-day" : case "cn-wd" : var cnWeekDays = ["日", "一", "二", "三", "四", "五", "六"]; datefmt = "星期" + cnWeekDays[weekDay]; break; case "week-day" : case "wd" : var weekDays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]; datefmt = weekDays[weekDay]; break; case "day" : case "dd" : datefmt = day; break; case "hour" : case "hh" : datefmt = hour; break; case "min" : case "ii" : datefmt = min; break; case "second" : case "ss" : datefmt = second; break; case "ms" : datefmt = ms; break; case "yy-mm-dd" : datefmt = ymd; break; case "yyyy-mm-dd" : datefmt = fymd; break; case "yyyy-mm-dd h:i:s ms" : case "full + ms" : datefmt = fymd + " " + hms + " " + ms; break; case "full" : case "yyyy-mm-dd h:i:s" : default: datefmt = fymd + " " + hms; break; } return datefmt; }; return editormd; }));"; html += "" + options.title + ""; html += ""; } if (options.closed) { html += ""; } html += "" + options.content; if (options.footer || typeof options.footer === "string") { html += ""; html += ""; html += ""; html += "" + ( (typeof options.footer === "boolean") ? "" : options.footer) + ""; } html += "