"; - } - - return text; - }; - - 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 - { - - return marked.Renderer.prototype.code.apply(this, arguments); - } - }; - - 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"; - }; - - markedRenderer.listitem = function(text, task) { - if (settings.taskList && task) { - text = text.replace("" + this.atLink(this.emoji(text)) + ""; - } else { - return "- ";
- 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) {
-
- if (typeof html !== "string") {
- html = html.toString();
- }
-
- if (typeof filters !== "string") {
- return html;
- }
-
- var expression = filters.split("|");
- var filterTags = expression[0].split(",");
- var attrs = expression[1];
-
- 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"), "");
- }
-
- //return html;
-
- if (typeof attrs !== "undefined")
- {
- var htmlTagRegex = /\<(\w+)\s*([^\>]*)\>([^\>]*)\<\/(\w+)\>/ig;
-
- if (attrs === "*")
- {
- html = html.replace(htmlTagRegex, function($1, $2, $3, $4, $5) {
- return "<" + $2 + ">" + $4 + "";
- });
- }
- else if (attrs === "on*")
- {
- html = html.replace(htmlTagRegex, function($1, $2, $3, $4, $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
- {
- 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) {
- var defaults = {
- gfm : true,
- toc : true,
- tocm : false,
- tocStartLevel : 1,
- tocTitle : "目录",
- tocDropdown : false,
- tocContainer : "",
- markdown : "",
- markdownSourceCode : false,
- htmlDecode : false,
- autoLoadKaTeX : true,
- 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,
- sequenceDiagram : false,
- previewCodeHighlight : true
- };
-
- editormd.$marked = marked;
-
- var div = $("#" + id);
- var settings = div.settings = $.extend(true, {}, defaults, options || {});
- var saveTo = div.find("textarea");
-
- 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,
- 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,
- previewCodeHighlight : settings.previewCodeHighlight,
- };
-
- var markedOptions = {
- renderer : editormd.markedRenderer(markdownToC, rendererOptions),
- gfm : settings.gfm,
- tables : true,
- breaks : true,
- pedantic : false,
- sanitize : (settings.htmlDecode) ? false : true, // 是否忽略HTML标签，即是否开启HTML标签解析，为了安全性，默认不开启
- smartLists : true,
- smartypants : true
- };
-
- markdownDoc = markdownDoc.toString();
-
- var markdownParsed = marked(markdownDoc, markedOptions);
-
- markdownParsed = editormd.filterHTMLTags(markdownParsed, settings.htmlDecode);
-
- if (settings.markdownSourceCode) {
- saveTo.text(markdownDoc);
- } else {
- saveTo.remove();
- }
-
- div.addClass("markdown-body " + this.classPrefix + "html-preview").append(markdownParsed);
-
- div.find(".task-list-item").each(function () {
- $(this).parent().addClass("task-list");
- });
-
- 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)
- {
- div.find("pre").addClass("prettyprint linenums");
- window.prettyPrint();
- }
-
- if (!editormd.isIE8)
- {
- if (settings.flowChart) {
- div.find(".flowchart").flowChart();
- }
-
- if (settings.sequenceDiagram) {
- div.find(".sequence-diagram").sequenceDiagram({theme: "simple"});
- }
- }
-
- if (settings.tex)
- {
- var katexHandle = function() {
- div.find("." + editormd.classNames.tex).each(function(){
- var tex = $(this);
- 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();
- }
- }
-
- 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 : "https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.10.1/katex.min",
- js : "https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.10.1/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,
- cached : false,
- 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 html = "- | "; + } else { + var isHeader = (/h(\d)/.test(name)); + var index = name; + + if (name === "watch" && !settings.watch) { + index = "unwatch"; + } + + var title = settings.lang.toolbar[index]; + var iconTexts = settings.toolbarIconTexts[index]; + var iconClass = settings.toolbarIconsClass[index]; + + title = (typeof title === "undefined") ? "" : title; + iconTexts = (typeof iconTexts === "undefined") ? "" : iconTexts; + iconClass = (typeof iconClass === "undefined") ? "" : iconClass; + + var menuItem = pullRight ? "
- " : "
- "; + + if (typeof settings.toolbarCustomIcons[name] !== "undefined" && typeof settings.toolbarCustomIcons[name] !== "function") { + menuItem += settings.toolbarCustomIcons[name]; + } else { + menuItem += ""; + menuItem += ""+((isHeader) ? name.toUpperCase() : ( (iconClass === "") ? iconTexts : "") ) + ""; + menuItem += ""; + } + + menuItem += " "; + + menu = pullRight ? menuItem + menu : menu + menuItem; + } + } + + toolbarMenu.html(menu); + + toolbarMenu.find("[title=\"Lowercase\"]").attr("title", settings.lang.toolbar.lowercase); + toolbarMenu.find("[title=\"ucwords\"]").attr("title", settings.lang.toolbar.ucwords); + + this.setToolbarHandler(); + this.setToolbarAutoFixed(); + + return this; + }, + + /** + * 工具栏图标事件处理对象序列 + * Get toolbar icons event handlers + * + * @param {Object} cm CodeMirror的实例对象 + * @param {String} name 要获取的事件处理器名称 + * @returns {Object} 返回处理对象序列 + */ + + dialogLockScreen : function() { + $.proxy(editormd.dialogLockScreen, this)(); + + return this; + }, + + dialogShowMask : function(dialog) { + $.proxy(editormd.dialogShowMask, this)(dialog); + + return this; + }, + + getToolbarHandles : function(name) { + var toolbarHandlers = this.toolbarHandlers = editormd.toolbarHandlers; + + return (name && typeof toolbarIconHandlers[name] !== "undefined") ? toolbarHandlers[name] : toolbarHandlers; + }, + + /** + * 工具栏图标事件处理器 + * Bind toolbar icons event handle + * + * @returns {editormd} 返回editormd的实例对象 + */ + + setToolbarHandler : function() { + var _this = this; + var settings = this.settings; + + if (!settings.toolbar || settings.readOnly) { + return this; + } + + var toolbar = this.toolbar; + var cm = this.cm; + var classPrefix = this.classPrefix; + var toolbarIcons = this.toolbarIcons = toolbar.find("." + classPrefix + "menu > li > a"); + var toolbarIconHandlers = this.getToolbarHandles(); + + toolbarIcons.bind("click", function() { + + var icon = $(this).children(".fa"); + var name = icon.attr("name"); + var cursor = cm.getCursor(); + var selection = cm.getSelection(); + + if (name === "") { + return ; + } + + _this.activeIcon = icon; + + if (typeof toolbarIconHandlers[name] !== "undefined") { + $.proxy(toolbarIconHandlers[name], _this)(cm); + } else { + if (typeof settings.toolbarHandlers[name] !== "undefined") { + $.proxy(settings.toolbarHandlers[name], _this)(cm, icon, cursor, selection); + } + } + + if (name !== "link" && + name !== "reference-link" && + name !== "image" && + name !== "code-block" && + name !== "preformatted-text" && + name !== "watch" && + name !== "preview" && + name !== "search" && + name !== "fullscreen" && + name !== "info") { + cm.focus(); + } + + return false; + + }); + + return this; + }, + + /** + * 动态创建对话框 + * Creating custom dialogs + * + * @param {Object} options 配置项键值对 Key/Value + * @returns {dialog} 返回创建的dialog的jQuery实例对象 + */ + + createDialog : function(options) { + return $.proxy(editormd.createDialog, this)(options); + }, + + /** + * 创建关于Editor.md的对话框 + * Create about Editor.md dialog + * + * @returns {editormd} 返回editormd的实例对象 + */ + + createInfoDialog : function() { + var _this = this; + var editor = this.editor; + var classPrefix = this.classPrefix; + + var infoDialogHTML = [ + "
" + 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("click", function() {
- dialog.hide().lockScreen(false).hideMask();
-
- if (!options.cached) {
- dialog.remove();
- }
- });
-
- 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("click", btn[1]);
- }
- }
-
- if (options.title !== "" && options.drag)
- {
- var posX, posY;
- var dialogHeader = dialog.children("." + classPrefix + "dialog-header");
-
- if (!options.mask) {
- dialogHeader.bind("click", function(){
- editormd.dialogZindex += 2;
- dialog.css("z-index", editormd.dialogZindex);
- });
- }
-
- var userCanSelect = function (obj) {
- obj.removeClass(classPrefix + "user-unselect").off("selectstart");
- };
-
- var userUnselect = function (obj) {
- obj.addClass(classPrefix + "user-unselect").on("selectstart", function() { // 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";
- };
-
- 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;
- });
-
- 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;
- };
-
- /**
- * 获取指定区间的随机整数
- *
- * @return {Int} int 返回随机生成的整数
- */
-
- editormd.rand = function (n, m) {
- var c = m - n + 1;
-
- return Math.floor(Math.random() * c + n);
- };
-
- /**
- * 日期时间的格式化方法
- * 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;
-
-}));
+ }
+
+ "use strict";
+
+ var $ = (typeof (window.jQuery) !== "undefined") ? window.jQuery : window.Zepto;
+
+ if (typeof ($) === "undefined") {
+ return ;
+ }
+
+ /**
+ * editormd
+ *
+ * @param {String} id 编辑器的ID
+ * @param {Object} options 配置选项 Key/Value
+ * @returns {Object} editormd 返回editormd对象
+ */
+
+ var editormd = function (id, options) {
+ return new editormd.fn.init(id, options);
+ };
+
+ editormd.title = editormd.$name = "Editor.md";
+ editormd.version = "1.5.1";
+ editormd.homePage = "https://pandao.github.io/editor.md/";
+ editormd.classPrefix = "editormd-";
+
+ editormd.toolbarModes = {
+ full : [
+ "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", "|",
+ "goto-line", "watch", "preview", "fullscreen", "clear", "search", "|",
+ "help", "info"
+ ],
+ simple : [
+ "undo", "redo", "|",
+ "bold", "del", "italic", "quote", "uppercase", "lowercase", "|",
+ "h1", "h2", "h3", "h4", "h5", "h6", "|",
+ "list-ul", "list-ol", "hr", "|",
+ "watch", "preview", "fullscreen", "|",
+ "help", "info"
+ ],
+ mini : [
+ "undo", "redo", "|",
+ "watch", "preview", "|",
+ "help", "info"
+ ]
+ };
+
+ editormd.defaults = {
+ mode : "gfm", //gfm or markdown
+ name : "", // Form element name
+ value : "", // value for CodeMirror, if mode not gfm/markdown
+ theme : "", // Editor.md self themes, before v1.5.0 is CodeMirror theme, default empty
+ editorTheme : "default", // Editor area, this is CodeMirror theme at v1.5.0
+ previewTheme : "", // Preview area theme, default empty
+ markdown : "", // Markdown source code
+ appendMarkdown : "", // if in init textarea value not empty, append markdown to textarea
+ width : "100%",
+ height : "100%",
+ path : "./lib/", // Dependents module file directory
+ pluginPath : "", // If this empty, default use settings.path + "../plugins/"
+ delay : 300, // Delay parse markdown to html, Uint : ms
+ autoLoadModules : true, // Automatic load dependent module files
+ watch : true,
+ placeholder : "Enjoy Markdown! coding now...",
+ gotoLine : true,
+ codeFold : false,
+ autoHeight : false,
+ autoFocus : true,
+ autoCloseTags : true,
+ searchReplace : true,
+ syncScrolling : true, // true | false | "single", default true
+ readOnly : false,
+ tabSize : 4,
+ indentUnit : 4,
+ lineNumbers : true,
+ lineWrapping : true,
+ autoCloseBrackets : true,
+ showTrailingSpace : true,
+ matchBrackets : true,
+ indentWithTabs : true,
+ styleSelectedText : true,
+ matchWordHighlight : true, // options: true, false, "onselected"
+ styleActiveLine : true, // Highlight the current line
+ dialogLockScreen : false,
+ dialogShowMask : true,
+ dialogDraggable : true,
+ dialogMaskBgColor : "#fff",
+ dialogMaskOpacity : 0.1,
+ fontSize : "13px",
+ saveHTMLToTextarea : false,
+ disabledKeyMaps : [],
+
+ onload : function() {},
+ onresize : function() {},
+ onchange : function() {},
+ onwatch : null,
+ onunwatch : null,
+ onpreviewing : function() {},
+ onpreviewed : function() {},
+ onfullscreen : function() {},
+ onfullscreenExit : function() {},
+ onscroll : function() {},
+ onpreviewscroll : function() {},
+
+ imageUpload : false,
+ imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
+ imageUploadURL : "",
+ imageUploadFields : "", // append upload form fields for CRSF etc. Server-side receives the POST parameters. v1.5.1+
+ imageUploadCallback : function() {}, // set image upload finish (success or failure) callback handler v1.5.1+
+ imageUploadCallbackName : '__Editor_md_ImageUploadCallback', // upload callback name for cross-domain upload v1.5.1+
+ crossDomainUpload : false,
+ uploadCallbackURL : "",
+
+ toc : true, // Table of contents
+ tocm : false, // Using [TOCM], auto create ToC dropdown menu
+ tocTitle : "", // for ToC dropdown menu btn
+ tocDropdown : false,
+ tocContainer : "",
+ tocStartLevel : 1, // Said from H1 to create ToC
+ htmlDecode : false, // Open the HTML tag identification
+ pageBreak : true, // Enable parse page break [========]
+ atLink : true, // for @link
+ emailLink : true, // for email address auto link
+ taskList : false, // Enable Github Flavored Markdown task lists
+ emoji : false, // :emoji: , Support Github emoji, Twitter Emoji (Twemoji);
+ // Support FontAwesome icon emoji :fa-xxx: > Using fontAwesome icon web fonts;
+ // Support Editor.md logo icon emoji :editormd-logo: :editormd-logo-1x: > 1~8x;
+ tex : false, // TeX(LaTeX), based on KaTeX
+ flowChart : false, // flowChart.js only support IE9+
+ sequenceDiagram : false, // sequenceDiagram.js only support IE9+
+ previewCodeHighlight : true,
+
+ toolbar : true, // show/hide toolbar
+ toolbarAutoFixed : true, // on window scroll auto fixed position
+ toolbarIcons : "full",
+ toolbarTitles : {},
+ toolbarHandlers : {
+ ucwords : function() {
+ return editormd.toolbarHandlers.ucwords;
+ },
+ lowercase : function() {
+ return editormd.toolbarHandlers.lowercase;
+ }
+ },
+ toolbarCustomIcons : { // using html tag create toolbar icon, unused default tag.
+ lowercase : "a",
+ "ucwords" : "Aa"
+ },
+ toolbarIconsClass : {
+ undo : "fa-undo",
+ redo : "fa-repeat",
+ bold : "fa-bold",
+ del : "fa-strikethrough",
+ italic : "fa-italic",
+ quote : "fa-quote-left",
+ uppercase : "fa-font",
+ h1 : editormd.classPrefix + "bold",
+ h2 : editormd.classPrefix + "bold",
+ h3 : editormd.classPrefix + "bold",
+ h4 : editormd.classPrefix + "bold",
+ h5 : editormd.classPrefix + "bold",
+ h6 : editormd.classPrefix + "bold",
+ "list-ul" : "fa-list-ul",
+ "list-ol" : "fa-list-ol",
+ hr : "fa-minus",
+ link : "fa-link",
+ "reference-link" : "fa-anchor",
+ image : "fa-picture-o",
+ code : "fa-code",
+ "preformatted-text" : "fa-file-code-o",
+ "code-block" : "fa-file-code-o",
+ table : "fa-table",
+ datetime : "fa-clock-o",
+ emoji : "fa-smile-o",
+ "html-entities" : "fa-copyright",
+ pagebreak : "fa-newspaper-o",
+ "goto-line" : "fa-terminal", // fa-crosshairs
+ watch : "fa-eye-slash",
+ unwatch : "fa-eye",
+ preview : "fa-desktop",
+ search : "fa-search",
+ fullscreen : "fa-arrows-alt",
+ clear : "fa-eraser",
+ help : "fa-question-circle",
+ info : "fa-info-circle"
+ },
+ toolbarIconTexts : {},
+
+ lang : {
+ name : "zh-cn",
+ description : "开源在线 Markdown 编辑器";
- 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 += "Open source online Markdown editor.", + tocTitle : "目录", + toolbar : { + undo : "撤销（Ctrl+Z）", + redo : "重做（Ctrl+Y）", + bold : "粗体", + del : "删除线", + italic : "斜体", + quote : "引用", + ucwords : "将每个单词首字母转成大写", + uppercase : "将所选转换成大写", + lowercase : "将所选转换成小写", + h1 : "标题1", + h2 : "标题2", + h3 : "标题3", + h4 : "标题4", + h5 : "标题5", + h6 : "标题6", + "list-ul" : "无序列表", + "list-ol" : "有序列表", + hr : "横线", + link : "链接", + "reference-link" : "引用链接", + image : "添加图片", + code : "行内代码", + "preformatted-text" : "预格式文本 / 代码块（缩进风格）", + "code-block" : "代码块（多语言风格）", + table : "添加表格", + datetime : "日期时间", + emoji : "Emoji表情", + "html-entities" : "HTML实体字符", + pagebreak : "插入分页符", + "goto-line" : "跳转到行", + watch : "关闭实时预览", + unwatch : "开启实时预览", + preview : "全窗口预览HTML（按 Shift + ESC还原）", + fullscreen : "全屏（按ESC还原）", + clear : "清空", + search : "搜索", + help : "使用帮助", + info : "关于" + editormd.title + }, + buttons : { + enter : "确定", + cancel : "取消", + close : "关闭" + }, + dialog : { + link : { + title : "添加链接", + url : "链接地址", + urlTitle : "链接标题", + urlEmpty : "错误：请填写链接地址。" + }, + referenceLink : { + title : "添加引用链接", + name : "引用名称", + url : "链接地址", + urlId : "链接ID", + urlTitle : "链接标题", + nameEmpty: "错误：引用链接的名称不能为空。", + idEmpty : "错误：请填写引用链接的ID。", + urlEmpty : "错误：请填写引用链接的URL地址。" + }, + image : { + title : "添加图片", + url : "图片地址", + link : "图片链接", + alt : "图片描述", + uploadButton : "本地上传", + imageURLEmpty : "错误：图片地址不能为空。", + uploadFileEmpty : "错误：上传的图片不能为空。", + formatNotAllowed : "错误：只允许上传图片文件，允许上传的图片文件格式有：" + }, + preformattedText : { + title : "添加预格式文本或代码块", + emptyAlert : "错误：请填写预格式文本或代码的内容。", + placeholder : "Coding now...." + }, + codeBlock : { + title : "添加代码块", + selectLabel : "代码语言：", + selectDefaultText : "请选择代码语言", + otherLanguage : "其他语言", + unselectedLanguageAlert : "错误：请选择代码所属的语言类型。", + codeEmptyAlert : "错误：请填写代码内容。", + placeholder : "Coding now...." + }, + htmlEntities : { + title : "HTML 实体字符" + }, + help : { + title : "使用帮助" + } + } + } + }; + + editormd.classNames = { + tex : editormd.classPrefix + "tex" + }; + + editormd.dialogZindex = 99999; + + editormd.$katex = null; + editormd.$marked = null; + editormd.$CodeMirror = null; + editormd.$prettyPrint = null; + + var timer, flowchartTimer; + + editormd.prototype = editormd.fn = { + state : { + watching : false, + loaded : false, + preview : false, + fullscreen : false + }, + + /** + * 构造函数/实例初始化 + * Constructor / instance initialization + * + * @param {String} id 编辑器的ID + * @param {Object} [options={}] 配置选项 Key/Value + * @returns {editormd} 返回editormd的实例对象 + */ + + init : function (id, options) { + + options = options || {}; + + if (typeof id === "object") { + options = id; + } + + var classPrefix = this.classPrefix = editormd.classPrefix; + var settings = $.extend(true, {}, editormd.defaults, options); + + if (options.imageFormats) { + settings.imageFormats = options.imageFormats; + } + + this.settings = settings; + + id = (typeof id === "object") ? settings.id : id; + + var editor = this.editor = $("#" + id); + + this.id = id; + this.lang = settings.lang; + + var classNames = this.classNames = { + textarea : { + html : classPrefix + "html-textarea", + markdown : classPrefix + "markdown-textarea" + } + }; + + settings.pluginPath = (settings.pluginPath === "") ? settings.path + "../plugins/" : settings.pluginPath; + + this.state.watching = (settings.watch) ? true : false; + + if ( !editor.hasClass("editormd") ) { + editor.addClass("editormd"); + } + + editor.css({ + width : (typeof settings.width === "number") ? settings.width + "px" : settings.width, + height : (typeof settings.height === "number") ? settings.height + "px" : settings.height + }); + + if (settings.autoHeight) { + editor.css("height", "auto"); + } + + var markdownTextarea = this.markdownTextarea = editor.children("textarea"); + + if (markdownTextarea.length < 1) { + editor.append(""); + markdownTextarea = this.markdownTextarea = editor.children("textarea"); + } + + markdownTextarea.addClass(classNames.textarea.markdown).attr("placeholder", settings.placeholder); + + if (typeof markdownTextarea.attr("name") === "undefined" || markdownTextarea.attr("name") === "") { + markdownTextarea.attr("name", (settings.name !== "") ? settings.name : id + "-markdown-doc"); + } + + var appendElements = [ + (!settings.readOnly) ? "" : "", + ( (settings.saveHTMLToTextarea) ? "" : "" ), + "
",
+ "",
+ ""
+ ].join("\n");
+
+ editor.append(appendElements).addClass(classPrefix + "vertical");
+
+ if (settings.theme !== "") {
+ editor.addClass(classPrefix + "theme-" + settings.theme);
+ }
+
+ this.mask = editor.children("." + classPrefix + "mask");
+ this.containerMask = editor.children("." + classPrefix + "container-mask");
+
+ if (settings.markdown !== "") {
+ markdownTextarea.val(settings.markdown);
+ }
+
+ if (settings.appendMarkdown !== "") {
+ markdownTextarea.val(markdownTextarea.val() + settings.appendMarkdown);
+ }
+
+ this.htmlTextarea = editor.children("." + classNames.textarea.html);
+ this.preview = editor.children("." + classPrefix + "preview");
+ this.previewContainer = this.preview.children("." + classPrefix + "preview-container");
+
+ if (settings.previewTheme !== "") {
+ this.preview.addClass(classPrefix + "preview-theme-" + settings.previewTheme);
+ }
+
+ if (typeof define === "function" && define.amd) {
+ if (typeof window.katex !== "undefined") {
+ editormd.$katex = window.katex;
+ }
+
+ if (settings.searchReplace && !settings.readOnly) {
+ editormd.loadCSS(settings.path + "codemirror/addon/dialog/dialog");
+ editormd.loadCSS(settings.path + "codemirror/addon/search/matchesonscrollbar");
+ }
+ }
+
+ if ((typeof define === "function" && define.amd) || !settings.autoLoadModules) {
+ if (typeof window.CodeMirror !== "undefined") {
+ editormd.$CodeMirror = window.CodeMirror;
+ }
+
+ if (typeof window.marked !== "undefined") {
+ editormd.$marked = window.marked;
+ }
+
+ this.setCodeMirror().setToolbar().loadedDisplay();
+ } else {
+ this.loadQueues();
+ }
+
+ return this;
+ },
+
+ /**
+ * 所需组件加载队列
+ * Required components loading queue
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ loadQueues : function() {
+ var _this = this;
+ var settings = this.settings;
+ var loadPath = settings.path;
+
+ var loadFlowChartOrSequenceDiagram = function() {
+
+ if (editormd.isIE8) {
+ _this.loadedDisplay();
+
+ return ;
+ }
+
+ if (settings.flowChart || settings.sequenceDiagram) {
+ editormd.loadScript(loadPath + "raphael.min", function() {
+
+ editormd.loadScript(loadPath + "underscore.min", function() {
+
+ if (!settings.flowChart && settings.sequenceDiagram) {
+ editormd.loadScript(loadPath + "sequence-diagram.min", function() {
+ _this.loadedDisplay();
+ });
+ } else if (settings.flowChart && !settings.sequenceDiagram) {
+ editormd.loadScript(loadPath + "flowchart.min", function() {
+ editormd.loadScript(loadPath + "jquery.flowchart.min", function() {
+ _this.loadedDisplay();
+ });
+ });
+ } else if (settings.flowChart && settings.sequenceDiagram) {
+ editormd.loadScript(loadPath + "flowchart.min", function() {
+ editormd.loadScript(loadPath + "jquery.flowchart.min", function() {
+ editormd.loadScript(loadPath + "sequence-diagram.min", function() {
+ _this.loadedDisplay();
+ });
+ });
+ });
+ }
+ });
+
+ });
+ } else {
+ _this.loadedDisplay();
+ }
+ };
+
+ editormd.loadCSS(loadPath + "codemirror/codemirror.min");
+
+ if (settings.searchReplace && !settings.readOnly) {
+ editormd.loadCSS(loadPath + "codemirror/addon/dialog/dialog");
+ editormd.loadCSS(loadPath + "codemirror/addon/search/matchesonscrollbar");
+ }
+
+ if (settings.codeFold) {
+ editormd.loadCSS(loadPath + "codemirror/addon/fold/foldgutter");
+ }
+
+ editormd.loadScript(loadPath + "codemirror/codemirror.min", function() {
+ editormd.$CodeMirror = CodeMirror;
+
+ editormd.loadScript(loadPath + "codemirror/modes.min", function() {
+
+ editormd.loadScript(loadPath + "codemirror/addons.min", function() {
+
+ _this.setCodeMirror();
+
+ if (settings.mode !== "gfm" && settings.mode !== "markdown") {
+ _this.loadedDisplay();
+
+ return false;
+ }
+
+ _this.setToolbar();
+
+ editormd.loadScript(loadPath + "marked.min", function() {
+
+ editormd.$marked = marked;
+
+ if (settings.previewCodeHighlight) {
+ editormd.loadScript(loadPath + "prettify.min", function() {
+ loadFlowChartOrSequenceDiagram();
+ });
+ } else {
+ loadFlowChartOrSequenceDiagram();
+ }
+ });
+
+ });
+
+ });
+
+ });
+
+ return this;
+ },
+
+ /**
+ * 设置 Editor.md 的整体主题，主要是工具栏
+ * Setting Editor.md theme
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setTheme : function(theme) {
+ var editor = this.editor;
+ var oldTheme = this.settings.theme;
+ var themePrefix = this.classPrefix + "theme-";
+
+ editor.removeClass(themePrefix + oldTheme).addClass(themePrefix + theme);
+
+ this.settings.theme = theme;
+
+ return this;
+ },
+
+ /**
+ * 设置 CodeMirror（编辑区）的主题
+ * Setting CodeMirror (Editor area) theme
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setEditorTheme : function(theme) {
+ var settings = this.settings;
+ settings.editorTheme = theme;
+
+ if (theme !== "default") {
+ editormd.loadCSS(settings.path + "codemirror/theme/" + settings.editorTheme);
+ }
+
+ this.cm.setOption("theme", theme);
+
+ return this;
+ },
+
+ /**
+ * setEditorTheme() 的别名
+ * setEditorTheme() alias
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setCodeMirrorTheme : function (theme) {
+ this.setEditorTheme(theme);
+
+ return this;
+ },
+
+ /**
+ * 设置 Editor.md 的主题
+ * Setting Editor.md theme
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setPreviewTheme : function(theme) {
+ var preview = this.preview;
+ var oldTheme = this.settings.previewTheme;
+ var themePrefix = this.classPrefix + "preview-theme-";
+
+ preview.removeClass(themePrefix + oldTheme).addClass(themePrefix + theme);
+
+ this.settings.previewTheme = theme;
+
+ return this;
+ },
+
+ /**
+ * 配置和初始化CodeMirror组件
+ * CodeMirror initialization
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setCodeMirror : function() {
+ var settings = this.settings;
+ var editor = this.editor;
+
+ if (settings.editorTheme !== "default") {
+ editormd.loadCSS(settings.path + "codemirror/theme/" + settings.editorTheme);
+ }
+
+ var codeMirrorConfig = {
+ mode : settings.mode,
+ theme : settings.editorTheme,
+ tabSize : settings.tabSize,
+ dragDrop : false,
+ autofocus : settings.autoFocus,
+ autoCloseTags : settings.autoCloseTags,
+ readOnly : (settings.readOnly) ? "nocursor" : false,
+ indentUnit : settings.indentUnit,
+ lineNumbers : settings.lineNumbers,
+ lineWrapping : settings.lineWrapping,
+ extraKeys : {
+ "Ctrl-Q": function(cm) {
+ cm.foldCode(cm.getCursor());
+ }
+ },
+ foldGutter : settings.codeFold,
+ gutters : ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
+ matchBrackets : settings.matchBrackets,
+ indentWithTabs : settings.indentWithTabs,
+ styleActiveLine : settings.styleActiveLine,
+ styleSelectedText : settings.styleSelectedText,
+ autoCloseBrackets : settings.autoCloseBrackets,
+ showTrailingSpace : settings.showTrailingSpace,
+ highlightSelectionMatches : ( (!settings.matchWordHighlight) ? false : { showToken: (settings.matchWordHighlight === "onselected") ? false : /\w/ } )
+ };
+
+ this.codeEditor = this.cm = editormd.$CodeMirror.fromTextArea(this.markdownTextarea[0], codeMirrorConfig);
+ this.codeMirror = this.cmElement = editor.children(".CodeMirror");
+
+ if (settings.value !== "") {
+ this.cm.setValue(settings.value);
+ }
+
+ this.codeMirror.css({
+ fontSize : settings.fontSize,
+ width : (!settings.watch) ? "100%" : "50%"
+ });
+
+ if (settings.autoHeight) {
+ this.codeMirror.css("height", "auto");
+ this.cm.setOption("viewportMargin", Infinity);
+ }
+
+ if (!settings.lineNumbers) {
+ this.codeMirror.find(".CodeMirror-gutters").css("border-right", "none");
+ }
+
+ return this;
+ },
+
+ /**
+ * 获取CodeMirror的配置选项
+ * Get CodeMirror setting options
+ *
+ * @returns {Mixed} return CodeMirror setting option value
+ */
+
+ getCodeMirrorOption : function(key) {
+ return this.cm.getOption(key);
+ },
+
+ /**
+ * 配置和重配置CodeMirror的选项
+ * CodeMirror setting options / resettings
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setCodeMirrorOption : function(key, value) {
+
+ this.cm.setOption(key, value);
+
+ return this;
+ },
+
+ /**
+ * 添加 CodeMirror 键盘快捷键
+ * Add CodeMirror keyboard shortcuts key map
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ addKeyMap : function(map, bottom) {
+ this.cm.addKeyMap(map, bottom);
+
+ return this;
+ },
+
+ /**
+ * 移除 CodeMirror 键盘快捷键
+ * Remove CodeMirror keyboard shortcuts key map
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ removeKeyMap : function(map) {
+ this.cm.removeKeyMap(map);
+
+ return this;
+ },
+
+ /**
+ * 跳转到指定的行
+ * Goto CodeMirror line
+ *
+ * @param {String|Intiger} line line number or "first"|"last"
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ gotoLine : function (line) {
+
+ var settings = this.settings;
+
+ if (!settings.gotoLine) {
+ return this;
+ }
+
+ var cm = this.cm;
+ var count = cm.lineCount();
+ var preview = this.preview;
+
+ if (typeof line === "string") {
+ if(line === "last") {
+ line = count;
+ }
+
+ if (line === "first") {
+ line = 1;
+ }
+ }
+
+ if (typeof line !== "number") {
+ alert("Error: The line number must be an integer.");
+ return this;
+ }
+
+ line = parseInt(line) - 1;
+
+ if (line > count) {
+ alert("Error: The line number range 1-" + count);
+
+ return this;
+ }
+
+ cm.setCursor( {line : line, ch : 0} );
+
+ var scrollInfo = cm.getScrollInfo();
+ var clientHeight = scrollInfo.clientHeight;
+ var coords = cm.charCoords({line : line, ch : 0}, "local");
+
+ cm.scrollTo(null, (coords.top + coords.bottom - clientHeight) / 2);
+
+ if (settings.watch) {
+ var cmScroll = this.codeMirror.find(".CodeMirror-scroll")[0];
+ var height = $(cmScroll).height();
+ var scrollTop = cmScroll.scrollTop;
+ var percent = (scrollTop / cmScroll.scrollHeight);
+
+ if (scrollTop === 0) {
+ preview.scrollTop(0);
+ } else if (scrollTop + height >= cmScroll.scrollHeight - 16) {
+ preview.scrollTop(preview[0].scrollHeight);
+ } else {
+ preview.scrollTop(preview[0].scrollHeight * percent);
+ }
+ }
+
+ cm.focus();
+
+ return this;
+ },
+
+ /**
+ * 扩展当前实例对象，可同时设置多个或者只设置一个
+ * Extend editormd instance object, can mutil setting.
+ *
+ * @returns {editormd} this(editormd instance object.)
+ */
+
+ extend : function() {
+ if (typeof arguments[1] !== "undefined") {
+ if (typeof arguments[1] === "function") {
+ arguments[1] = $.proxy(arguments[1], this);
+ }
+
+ this[arguments[0]] = arguments[1];
+ }
+
+ if (typeof arguments[0] === "object" && typeof arguments[0].length === "undefined") {
+ $.extend(true, this, arguments[0]);
+ }
+
+ return this;
+ },
+
+ /**
+ * 设置或扩展当前实例对象，单个设置
+ * Extend editormd instance object, one by one
+ *
+ * @param {String|Object} key option key
+ * @param {String|Object} value option value
+ * @returns {editormd} this(editormd instance object.)
+ */
+
+ set : function (key, value) {
+
+ if (typeof value !== "undefined" && typeof value === "function") {
+ value = $.proxy(value, this);
+ }
+
+ this[key] = value;
+
+ return this;
+ },
+
+ /**
+ * 重新配置
+ * Resetting editor options
+ *
+ * @param {String|Object} key option key
+ * @param {String|Object} value option value
+ * @returns {editormd} this(editormd instance object.)
+ */
+
+ config : function(key, value) {
+ var settings = this.settings;
+
+ if (typeof key === "object") {
+ settings = $.extend(true, settings, key);
+ }
+
+ if (typeof key === "string") {
+ settings[key] = value;
+ }
+
+ this.settings = settings;
+ this.recreate();
+
+ return this;
+ },
+
+ /**
+ * 注册事件处理方法
+ * Bind editor event handle
+ *
+ * @param {String} eventType event type
+ * @param {Function} callback 回调函数
+ * @returns {editormd} this(editormd instance object.)
+ */
+
+ on : function(eventType, callback) {
+ var settings = this.settings;
+
+ if (typeof settings["on" + eventType] !== "undefined") {
+ settings["on" + eventType] = $.proxy(callback, this);
+ }
+
+ return this;
+ },
+
+ /**
+ * 解除事件处理方法
+ * Unbind editor event handle
+ *
+ * @param {String} eventType event type
+ * @returns {editormd} this(editormd instance object.)
+ */
+
+ off : function(eventType) {
+ var settings = this.settings;
+
+ if (typeof settings["on" + eventType] !== "undefined") {
+ settings["on" + eventType] = function(){};
+ }
+
+ return this;
+ },
+
+ /**
+ * 显示工具栏
+ * Display toolbar
+ *
+ * @param {Function} [callback=function(){}] 回调函数
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ showToolbar : function(callback) {
+ var settings = this.settings;
+
+ if(settings.readOnly) {
+ return this;
+ }
+
+ if (settings.toolbar && (this.toolbar.length < 1 || this.toolbar.find("." + this.classPrefix + "menu").html() === "") ) {
+ this.setToolbar();
+ }
+
+ settings.toolbar = true;
+
+ this.toolbar.show();
+ this.resize();
+
+ $.proxy(callback || function(){}, this)();
+
+ return this;
+ },
+
+ /**
+ * 隐藏工具栏
+ * Hide toolbar
+ *
+ * @param {Function} [callback=function(){}] 回调函数
+ * @returns {editormd} this(editormd instance object.)
+ */
+
+ hideToolbar : function(callback) {
+ var settings = this.settings;
+
+ settings.toolbar = false;
+ this.toolbar.hide();
+ this.resize();
+
+ $.proxy(callback || function(){}, this)();
+
+ return this;
+ },
+
+ /**
+ * 页面滚动时工具栏的固定定位
+ * Set toolbar in window scroll auto fixed position
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setToolbarAutoFixed : function(fixed) {
+
+ var state = this.state;
+ var editor = this.editor;
+ var toolbar = this.toolbar;
+ var settings = this.settings;
+
+ if (typeof fixed !== "undefined") {
+ settings.toolbarAutoFixed = fixed;
+ }
+
+ var autoFixedHandle = function() {
+ var $window = $(window);
+ var top = $window.scrollTop();
+
+ if (!settings.toolbarAutoFixed) {
+ return false;
+ }
+
+ if (top - editor.offset().top > 10 && top < editor.height()) {
+ toolbar.css({
+ position : "fixed",
+ width : editor.width() + "px",
+ left : ($window.width() - editor.width()) / 2 + "px"
+ });
+ } else {
+ toolbar.css({
+ position : "absolute",
+ width : "100%",
+ left : 0
+ });
+ }
+ };
+
+ if (!state.fullscreen && !state.preview && settings.toolbar && settings.toolbarAutoFixed) {
+ $(window).bind("scroll", autoFixedHandle);
+ }
+
+ return this;
+ },
+
+ /**
+ * 配置和初始化工具栏
+ * Set toolbar and Initialization
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setToolbar : function() {
+ var settings = this.settings;
+
+ if (settings.readOnly) {
+ return this;
+ }
+
+ var editor = this.editor;
+ var classPrefix = this.classPrefix;
+
+ var toolbar = this.toolbar = editor.children("." + classPrefix + "toolbar");
+
+ if (settings.toolbar && toolbar.length < 1) {
+ var toolbarHTML = "
",
+ "
"
+ ].join("\n");
+
+ editor.append(infoDialogHTML);
+
+ var infoDialog = this.infoDialog = editor.children("." + classPrefix + "dialog-info");
+
+ infoDialog.find("." + classPrefix + "dialog-close").bind("click", function() {
+ _this.hideInfoDialog();
+ });
+
+ infoDialog.css("border", (editormd.isIE8) ? "1px solid #ddd" : "").css("z-index", editormd.dialogZindex).show();
+
+ this.infoDialogPosition();
+
+ return this;
+ },
+
+ /**
+ * 关于Editor.md对话居中定位
+ * Editor.md dialog position handle
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ infoDialogPosition : function() {
+ var infoDialog = this.infoDialog;
+
+ var _infoDialogPosition = function() {
+ infoDialog.css({
+ top : ($(window).height() - infoDialog.height()) / 2 + "px",
+ left : ($(window).width() - infoDialog.width()) / 2 + "px"
+ });
+ };
+
+ _infoDialogPosition();
+
+ $(window).resize(_infoDialogPosition);
+
+ return this;
+ },
+
+ /**
+ * 显示关于Editor.md
+ * Display about Editor.md dialog
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ showInfoDialog : function() {
+
+ $("html,body").css("overflow-x", "hidden");
+
+ var editor = this.editor;
+ var settings = this.settings;
+ var infoDialog = this.infoDialog = editor.children("." + this.classPrefix + "dialog-info");
+
+ if (infoDialog.length < 1) {
+ this.createInfoDialog();
+ }
+
+ this.lockScreen(true);
+
+ this.mask.css({
+ opacity : settings.dialogMaskOpacity,
+ backgroundColor : settings.dialogMaskBgColor
+ }).show();
+
+ infoDialog.css("z-index", editormd.dialogZindex).show();
+
+ this.infoDialogPosition();
+
+ return this;
+ },
+
+ /**
+ * 隐藏关于Editor.md
+ * Hide about Editor.md dialog
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ hideInfoDialog : function() {
+ $("html,body").css("overflow-x", "");
+ this.infoDialog.hide();
+ this.mask.hide();
+ this.lockScreen(false);
+
+ return this;
+ },
+
+ /**
+ * 锁屏
+ * lock screen
+ *
+ * @param {Boolean} lock Boolean 布尔值，是否锁屏
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ lockScreen : function(lock) {
+ editormd.lockScreen(lock);
+ this.resize();
+
+ return this;
+ },
+
+ /**
+ * 编辑器界面重建，用于动态语言包或模块加载等
+ * Recreate editor
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ recreate : function() {
+ var editor = this.editor;
+ var settings = this.settings;
+
+ this.codeMirror.remove();
+
+ this.setCodeMirror();
+
+ if (!settings.readOnly) {
+ if (editor.find(".editormd-dialog").length > 0) {
+ editor.find(".editormd-dialog").remove();
+ }
+
+ if (settings.toolbar) {
+ this.getToolbarHandles();
+ this.setToolbar();
+ }
+ }
+
+ this.loadedDisplay(true);
+
+ return this;
+ },
+
+ /**
+ * 高亮预览HTML的pre代码部分
+ * highlight of preview codes
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ previewCodeHighlight : function() {
+ var settings = this.settings;
+ var previewContainer = this.previewContainer;
+
+ if (settings.previewCodeHighlight) {
+ previewContainer.find("pre").addClass("prettyprint linenums");
+
+ if (typeof window.prettyPrint !== "undefined") {
+ window.prettyPrint();
+ }
+ }
+
+ return this;
+ },
+
+ /**
+ * 解析TeX(KaTeX)科学公式
+ * TeX(KaTeX) Renderer
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ katexRender : function() {
+
+ if (timer === null) {
+ return this;
+ }
+
+ this.previewContainer.find("." + editormd.classNames.tex).each(function(){
+ var tex = $(this);
+ editormd.$katex.render(tex.text(), tex[0]);
+
+ tex.find(".katex").css("font-size", "1.6em");
+ });
+
+ return this;
+ },
+
+ /**
+ * 解析和渲染流程图及时序图
+ * FlowChart and SequenceDiagram Renderer
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ flowChartAndSequenceDiagramRender : function() {
+ var $this = this;
+ var settings = this.settings;
+ var previewContainer = this.previewContainer;
+
+ if (editormd.isIE8) {
+ return this;
+ }
+
+ if (settings.flowChart) {
+ if (flowchartTimer === null) {
+ return this;
+ }
+
+ previewContainer.find(".flowchart").flowChart();
+ }
+
+ if (settings.sequenceDiagram) {
+ previewContainer.find(".sequence-diagram").sequenceDiagram({theme: "simple"});
+ }
+
+ var preview = $this.preview;
+ var codeMirror = $this.codeMirror;
+ var codeView = codeMirror.find(".CodeMirror-scroll");
+
+ var height = codeView.height();
+ var scrollTop = codeView.scrollTop();
+ var percent = (scrollTop / codeView[0].scrollHeight);
+ var tocHeight = 0;
+
+ preview.find(".markdown-toc-list").each(function(){
+ tocHeight += $(this).height();
+ });
+
+ var tocMenuHeight = preview.find(".editormd-toc-menu").height();
+ tocMenuHeight = (!tocMenuHeight) ? 0 : tocMenuHeight;
+
+ if (scrollTop === 0) {
+ preview.scrollTop(0);
+ } else if (scrollTop + height >= codeView[0].scrollHeight - 16) {
+ preview.scrollTop(preview[0].scrollHeight);
+ } else {
+ preview.scrollTop((preview[0].scrollHeight + tocHeight + tocMenuHeight) * percent);
+ }
+
+ return this;
+ },
+
+ /**
+ * 注册键盘快捷键处理
+ * Register CodeMirror keyMaps (keyboard shortcuts).
+ *
+ * @param {Object} keyMap KeyMap key/value {"(Ctrl/Shift/Alt)-Key" : function(){}}
+ * @returns {editormd} return this
+ */
+
+ registerKeyMaps : function(keyMap) {
+
+ var _this = this;
+ var cm = this.cm;
+ var settings = this.settings;
+ var toolbarHandlers = editormd.toolbarHandlers;
+ var disabledKeyMaps = settings.disabledKeyMaps;
+
+ keyMap = keyMap || null;
+
+ if (keyMap) {
+ for (var i in keyMap) {
+ if ($.inArray(i, disabledKeyMaps) < 0) {
+ var map = {};
+ map[i] = keyMap[i];
+
+ cm.addKeyMap(keyMap);
+ }
+ }
+ } else {
+ for (var k in editormd.keyMaps) {
+ var _keyMap = editormd.keyMaps[k];
+ var handle = (typeof _keyMap === "string") ? $.proxy(toolbarHandlers[_keyMap], _this) : $.proxy(_keyMap, _this);
+
+ if ($.inArray(k, ["F9", "F10", "F11"]) < 0 && $.inArray(k, disabledKeyMaps) < 0) {
+ var _map = {};
+ _map[k] = handle;
+
+ cm.addKeyMap(_map);
+ }
+ }
+
+ $(window).keydown(function(event) {
+
+ var keymaps = {
+ "120" : "F9",
+ "121" : "F10",
+ "122" : "F11"
+ };
+
+ if ( $.inArray(keymaps[event.keyCode], disabledKeyMaps) < 0 ) {
+ switch (event.keyCode) {
+ case 120:
+ $.proxy(toolbarHandlers["watch"], _this)();
+ event.stopPropagation();
+ break;
+
+ case 121:
+ $.proxy(toolbarHandlers["preview"], _this)();
+ event.stopPropagation();
+ break;
+
+ case 122:
+ $.proxy(toolbarHandlers["fullscreen"], _this)();
+ event.stopPropagation();
+ break;
+
+ default:
+ break;
+ }
+ }
+ });
+ }
+
+ return this;
+ },
+
+ /**
+ * 绑定同步滚动
+ *
+ * @returns {editormd} return this
+ */
+
+ bindScrollEvent : function() {
+
+ var _this = this;
+ var preview = this.preview;
+ var settings = this.settings;
+ var codeMirror = this.codeMirror;
+ var mouseOrTouch = editormd.mouseOrTouch;
+
+ if (!settings.syncScrolling) {
+ return this;
+ }
+
+ var cmBindScroll = function() {
+ codeMirror.find(".CodeMirror-scroll").bind(mouseOrTouch("scroll", "touchmove"), function(event) {
+ var height = $(this).height();
+ var scrollTop = $(this).scrollTop();
+ var percent = (scrollTop / $(this)[0].scrollHeight);
+
+ var tocHeight = 0;
+
+ preview.find(".markdown-toc-list").each(function(){
+ tocHeight += $(this).height();
+ });
+
+ var tocMenuHeight = preview.find(".editormd-toc-menu").height();
+ tocMenuHeight = (!tocMenuHeight) ? 0 : tocMenuHeight;
+
+ if (scrollTop === 0) {
+ preview.scrollTop(0);
+ } else if (scrollTop + height >= $(this)[0].scrollHeight - 16) {
+ preview.scrollTop(preview[0].scrollHeight);
+ } else {
+ preview.scrollTop((preview[0].scrollHeight + tocHeight + tocMenuHeight) * percent);
+ }
+
+ $.proxy(settings.onscroll, _this)(event);
+ });
+ };
+
+ var cmUnbindScroll = function() {
+ codeMirror.find(".CodeMirror-scroll").unbind(mouseOrTouch("scroll", "touchmove"));
+ };
+
+ var previewBindScroll = function() {
+
+ preview.bind(mouseOrTouch("scroll", "touchmove"), function(event) {
+ var height = $(this).height();
+ var scrollTop = $(this).scrollTop();
+ var percent = (scrollTop / $(this)[0].scrollHeight);
+ var codeView = codeMirror.find(".CodeMirror-scroll");
+
+ if(scrollTop === 0) {
+ codeView.scrollTop(0);
+ } else if (scrollTop + height >= $(this)[0].scrollHeight) {
+ codeView.scrollTop(codeView[0].scrollHeight);
+ } else {
+ codeView.scrollTop(codeView[0].scrollHeight * percent);
+ }
+
+ $.proxy(settings.onpreviewscroll, _this)(event);
+ });
+
+ };
+
+ var previewUnbindScroll = function() {
+ preview.unbind(mouseOrTouch("scroll", "touchmove"));
+ };
+
+ codeMirror.bind({
+ mouseover : cmBindScroll,
+ mouseout : cmUnbindScroll,
+ touchstart : cmBindScroll,
+ touchend : cmUnbindScroll
+ });
+
+ if (settings.syncScrolling === "single") {
+ return this;
+ }
+
+ preview.bind({
+ mouseover : previewBindScroll,
+ mouseout : previewUnbindScroll,
+ touchstart : previewBindScroll,
+ touchend : previewUnbindScroll
+ });
+
+ return this;
+ },
+
+ bindChangeEvent : function() {
+
+ var _this = this;
+ var cm = this.cm;
+ var settings = this.settings;
+
+ if (!settings.syncScrolling) {
+ return this;
+ }
+
+ cm.on("change", function() {
+ if (settings.watch) {
+ _this.previewContainer.css("padding", settings.autoHeight ? "20px 20px 50px 40px" : "20px");
+ }
+
+ timer = setTimeout(function() {
+ clearTimeout(timer);
+ _this.save();
+ timer = null;
+ }, settings.delay);
+ });
+
+ return this;
+ },
+
+ /**
+ * 加载队列完成之后的显示处理
+ * Display handle of the module queues loaded after.
+ *
+ * @param {Boolean} recreate 是否为重建编辑器
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ loadedDisplay : function(recreate) {
+
+ recreate = recreate || false;
+
+ var _this = this;
+ var editor = this.editor;
+ var preview = this.preview;
+ var settings = this.settings;
+
+ this.containerMask.hide();
+
+ this.save();
+
+ if (settings.watch) {
+ preview.show();
+ }
+
+ editor.data("oldWidth", editor.width()).data("oldHeight", editor.height()); // 为了兼容Zepto
+
+ this.resize();
+ this.registerKeyMaps();
+
+ $(window).resize(function(){
+ _this.resize();
+ });
+
+ this.bindScrollEvent().bindChangeEvent();
+
+ if (!recreate) {
+ $.proxy(settings.onload, this)();
+ }
+
+ this.state.loaded = true;
+
+ return this;
+ },
+
+ /**
+ * 设置编辑器的宽度
+ * Set editor width
+ *
+ * @param {Number|String} width 编辑器宽度值
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ width : function(width) {
+
+ this.editor.css("width", (typeof width === "number") ? width + "px" : width);
+ this.resize();
+
+ return this;
+ },
+
+ /**
+ * 设置编辑器的高度
+ * Set editor height
+ *
+ * @param {Number|String} height 编辑器高度值
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ height : function(height) {
+
+ this.editor.css("height", (typeof height === "number") ? height + "px" : height);
+ this.resize();
+
+ return this;
+ },
+
+ /**
+ * 调整编辑器的尺寸和布局
+ * Resize editor layout
+ *
+ * @param {Number|String} [width=null] 编辑器宽度值
+ * @param {Number|String} [height=null] 编辑器高度值
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ resize : function(width, height) {
+
+ width = width || null;
+ height = height || null;
+
+ var state = this.state;
+ var editor = this.editor;
+ var preview = this.preview;
+ var toolbar = this.toolbar;
+ var settings = this.settings;
+ var codeMirror = this.codeMirror;
+
+ if (width) {
+ editor.css("width", (typeof width === "number") ? width + "px" : width);
+ }
+
+ if (settings.autoHeight && !state.fullscreen && !state.preview) {
+ editor.css("height", "auto");
+ codeMirror.css("height", "auto");
+ } else {
+ if (height) {
+ editor.css("height", (typeof height === "number") ? height + "px" : height);
+ }
+
+ if (state.fullscreen) {
+ editor.height($(window).height());
+ }
+
+ if (settings.toolbar && !settings.readOnly) {
+ codeMirror.css("margin-top", toolbar.height() + 1).height(editor.height() - toolbar.height());
+ } else {
+ codeMirror.css("margin-top", 0).height(editor.height());
+ }
+ }
+
+ if (settings.watch) {
+ codeMirror.width((editor.width() / 2) - 1);
+ preview.width((!state.preview) ? editor.width() / 2 : editor.width());
+
+ this.previewContainer.css("padding", settings.autoHeight ? "20px 20px 50px 40px" : "20px");
+
+ if (settings.toolbar && !settings.readOnly) {
+ preview.css("top", toolbar.height() + 1);
+ } else {
+ preview.css("top", 0);
+ }
+
+ if (settings.autoHeight && !state.fullscreen && !state.preview) {
+ preview.height("");
+ } else {
+ var previewHeight = (settings.toolbar && !settings.readOnly) ? editor.height() - toolbar.height() : editor.height();
+
+ preview.height(previewHeight);
+ }
+ } else {
+ codeMirror.width(editor.width());
+ preview.hide();
+ }
+
+ if (state.loaded) {
+ $.proxy(settings.onresize, this)();
+ }
+
+ return this;
+ },
+
+ /**
+ * 解析和保存Markdown代码
+ * Parse & Saving Markdown source code
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ save : function() {
+
+ if (timer === null) {
+ return this;
+ }
+
+ var _this = this;
+ var state = this.state;
+ var settings = this.settings;
+ var cm = this.cm;
+ var cmValue = cm.getValue();
+ var previewContainer = this.previewContainer;
+
+ if (settings.mode !== "gfm" && settings.mode !== "markdown") {
+ this.markdownTextarea.val(cmValue);
+
+ return this;
+ }
+
+ var marked = editormd.$marked;
+ var markdownToC = this.markdownToC = [];
+ var rendererOptions = this.markedRendererOptions = {
+ toc : settings.toc,
+ tocm : settings.tocm,
+ tocStartLevel : settings.tocStartLevel,
+ pageBreak : settings.pageBreak,
+ taskList : settings.taskList,
+ emoji : settings.emoji,
+ tex : settings.tex,
+ atLink : settings.atLink, // for @link
+ emailLink : settings.emailLink, // for mail address auto link
+ flowChart : settings.flowChart,
+ sequenceDiagram : settings.sequenceDiagram,
+ previewCodeHighlight : settings.previewCodeHighlight,
+ };
+
+ var markedOptions = this.markedOptions = {
+ renderer : editormd.markedRenderer(markdownToC, rendererOptions),
+ gfm : true,
+ tables : true,
+ breaks : true,
+ pedantic : false,
+ sanitize : (settings.htmlDecode) ? false : true, // 关闭忽略HTML标签，即开启识别HTML标签，默认为false
+ smartLists : true,
+ smartypants : true
+ };
+
+ marked.setOptions(markedOptions);
+
+ var newMarkdownDoc = editormd.$marked(cmValue, markedOptions);
+ newMarkdownDoc = editormd.filterHTMLTags(newMarkdownDoc, settings.htmlDecode);
+
+ this.markdownTextarea.text(cmValue);
+
+ cm.save();
+
+ if (settings.saveHTMLToTextarea) {
+ this.htmlTextarea.text(newMarkdownDoc);
+ }
+
+ if (settings.watch || (!settings.watch && state.preview)) {
+ previewContainer.html(newMarkdownDoc);
+
+ previewContainer.find(".task-list-item").each(function () {
+ $(this).parent().addClass("task-list");
+ });
+
+ this.previewCodeHighlight();
+
+ if (settings.toc) {
+ var tocContainer = (settings.tocContainer === "") ? previewContainer : $(settings.tocContainer);
+ var tocMenu = tocContainer.find("." + this.classPrefix + "toc-menu");
+
+ tocContainer.attr("previewContainer", (settings.tocContainer === "") ? "true" : "false");
+
+ if (settings.tocContainer !== "" && tocMenu.length > 0) {
+ tocMenu.remove();
+ }
+
+ editormd.markdownToCRenderer(markdownToC, tocContainer, settings.tocDropdown, settings.tocStartLevel);
+
+ if (settings.tocDropdown || tocContainer.find("." + this.classPrefix + "toc-menu").length > 0) {
+ editormd.tocDropdownMenu(tocContainer, (settings.tocTitle !== "") ? settings.tocTitle : this.lang.tocTitle);
+ }
+
+ if (settings.tocContainer !== "") {
+ previewContainer.find(".markdown-toc").css("border", "none");
+ }
+ }
+
+ if (settings.tex) {
+ if (!editormd.kaTeXLoaded && settings.autoLoadModules) {
+ editormd.loadKaTeX(function() {
+ editormd.$katex = katex;
+ editormd.kaTeXLoaded = true;
+ _this.katexRender();
+ });
+ } else {
+ editormd.$katex = katex;
+ this.katexRender();
+ }
+ }
+
+ if (settings.flowChart || settings.sequenceDiagram) {
+ flowchartTimer = setTimeout(function(){
+ clearTimeout(flowchartTimer);
+ _this.flowChartAndSequenceDiagramRender();
+ flowchartTimer = null;
+ }, 10);
+ }
+
+ if (state.loaded) {
+ $.proxy(settings.onchange, this)();
+ }
+ }
+
+ return this;
+ },
+
+ /**
+ * 聚焦光标位置
+ * Focusing the cursor position
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ focus : function() {
+ this.cm.focus();
+
+ return this;
+ },
+
+ /**
+ * 设置光标的位置
+ * Set cursor position
+ *
+ * @param {Object} cursor 要设置的光标位置键值对象，例：{line:1, ch:0}
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setCursor : function(cursor) {
+ this.cm.setCursor(cursor);
+
+ return this;
+ },
+
+ /**
+ * 获取当前光标的位置
+ * Get the current position of the cursor
+ *
+ * @returns {Cursor} 返回一个光标Cursor对象
+ */
+
+ getCursor : function() {
+ return this.cm.getCursor();
+ },
+
+ /**
+ * 设置光标选中的范围
+ * Set cursor selected ranges
+ *
+ * @param {Object} from 开始位置的光标键值对象，例：{line:1, ch:0}
+ * @param {Object} to 结束位置的光标键值对象，例：{line:1, ch:0}
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setSelection : function(from, to) {
+
+ this.cm.setSelection(from, to);
+
+ return this;
+ },
+
+ /**
+ * 获取光标选中的文本
+ * Get the texts from cursor selected
+ *
+ * @returns {String} 返回选中文本的字符串形式
+ */
+
+ getSelection : function() {
+ return this.cm.getSelection();
+ },
+
+ /**
+ * 设置光标选中的文本范围
+ * Set the cursor selection ranges
+ *
+ * @param {Array} ranges cursor selection ranges array
+ * @returns {Array} return this
+ */
+
+ setSelections : function(ranges) {
+ this.cm.setSelections(ranges);
+
+ return this;
+ },
+
+ /**
+ * 获取光标选中的文本范围
+ * Get the cursor selection ranges
+ *
+ * @returns {Array} return selection ranges array
+ */
+
+ getSelections : function() {
+ return this.cm.getSelections();
+ },
+
+ /**
+ * 替换当前光标选中的文本或在当前光标处插入新字符
+ * Replace the text at the current cursor selected or insert a new character at the current cursor position
+ *
+ * @param {String} value 要插入的字符值
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ replaceSelection : function(value) {
+ this.cm.replaceSelection(value);
+
+ return this;
+ },
+
+ /**
+ * 在当前光标处插入新字符
+ * Insert a new character at the current cursor position
+ *
+ * 同replaceSelection()方法
+ * With the replaceSelection() method
+ *
+ * @param {String} value 要插入的字符值
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ insertValue : function(value) {
+ this.replaceSelection(value);
+
+ return this;
+ },
+
+ /**
+ * 追加markdown
+ * append Markdown to editor
+ *
+ * @param {String} md 要追加的markdown源文档
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ appendMarkdown : function(md) {
+ var cm = this.cm;
+
+ cm.setValue(cm.getValue() + md);
+
+ return this;
+ },
+
+ /**
+ * 设置和传入编辑器的markdown源文档
+ * Set Markdown source document
+ *
+ * @param {String} md 要传入的markdown源文档
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setMarkdown : function(md) {
+ this.cm.setValue(md || this.settings.markdown);
+
+ return this;
+ },
+
+ /**
+ * 获取编辑器的markdown源文档
+ * Set Editor.md markdown/CodeMirror value
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ getMarkdown : function() {
+ return this.cm.getValue();
+ },
+
+ /**
+ * 获取编辑器的源文档
+ * Get CodeMirror value
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ getValue : function() {
+ return this.cm.getValue();
+ },
+
+ /**
+ * 设置编辑器的源文档
+ * Set CodeMirror value
+ *
+ * @param {String} value set code/value/string/text
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setValue : function(value) {
+ this.cm.setValue(value);
+
+ return this;
+ },
+
+ /**
+ * 清空编辑器
+ * Empty CodeMirror editor container
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ clear : function() {
+ this.cm.setValue("");
+
+ return this;
+ },
+
+ /**
+ * 获取解析后存放在Textarea的HTML源码
+ * Get parsed html code from Textarea
+ *
+ * @returns {String} 返回HTML源码
+ */
+
+ getHTML : function() {
+ if (!this.settings.saveHTMLToTextarea) {
+ alert("Error: settings.saveHTMLToTextarea == false");
+
+ return false;
+ }
+
+ return this.htmlTextarea.val();
+ },
+
+ /**
+ * getHTML()的别名
+ * getHTML (alias)
+ *
+ * @returns {String} Return html code 返回HTML源码
+ */
+
+ getTextareaSavedHTML : function() {
+ return this.getHTML();
+ },
+
+ /**
+ * 获取预览窗口的HTML源码
+ * Get html from preview container
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ getPreviewedHTML : function() {
+ if (!this.settings.watch) {
+ alert("Error: settings.watch == false");
+
+ return false;
+ }
+
+ return this.previewContainer.html();
+ },
+
+ /**
+ * 开启实时预览
+ * Enable real-time watching
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ watch : function(callback) {
+ var settings = this.settings;
+
+ if ($.inArray(settings.mode, ["gfm", "markdown"]) < 0) {
+ return this;
+ }
+
+ this.state.watching = settings.watch = true;
+ this.preview.show();
+
+ if (this.toolbar) {
+ var watchIcon = settings.toolbarIconsClass.watch;
+ var unWatchIcon = settings.toolbarIconsClass.unwatch;
+
+ var icon = this.toolbar.find(".fa[name=watch]");
+ icon.parent().attr("title", settings.lang.toolbar.watch);
+ icon.removeClass(unWatchIcon).addClass(watchIcon);
+ }
+
+ this.codeMirror.css("border-right", "1px solid #ddd").width(this.editor.width() / 2);
+
+ timer = 0;
+
+ this.save().resize();
+
+ if (!settings.onwatch) {
+ settings.onwatch = callback || function() {};
+ }
+
+ $.proxy(settings.onwatch, this)();
+
+ return this;
+ },
+
+ /**
+ * 关闭实时预览
+ * Disable real-time watching
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ unwatch : function(callback) {
+ var settings = this.settings;
+ this.state.watching = settings.watch = false;
+ this.preview.hide();
+
+ if (this.toolbar) {
+ var watchIcon = settings.toolbarIconsClass.watch;
+ var unWatchIcon = settings.toolbarIconsClass.unwatch;
+
+ var icon = this.toolbar.find(".fa[name=watch]");
+ icon.parent().attr("title", settings.lang.toolbar.unwatch);
+ icon.removeClass(watchIcon).addClass(unWatchIcon);
+ }
+
+ this.codeMirror.css("border-right", "none").width(this.editor.width());
+
+ this.resize();
+
+ if (!settings.onunwatch) {
+ settings.onunwatch = callback || function() {};
+ }
+
+ $.proxy(settings.onunwatch, this)();
+
+ return this;
+ },
+
+ /**
+ * 显示编辑器
+ * Show editor
+ *
+ * @param {Function} [callback=function()] 回调函数
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ show : function(callback) {
+ callback = callback || function() {};
+
+ var _this = this;
+
+ this.editor.show(0, function() {
+ $.proxy(callback, _this)();
+ });
+
+ return this;
+ },
+
+ /**
+ * 隐藏编辑器
+ * Hide editor
+ *
+ * @param {Function} [callback=function()] 回调函数
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ hide : function(callback) {
+ callback = callback || function() {};
+
+ var _this = this;
+
+ this.editor.hide(0, function() {
+ $.proxy(callback, _this)();
+ });
+
+ return this;
+ },
+
+ /**
+ * 消毁并移除编辑器实例 v1.5.1+
+ *
+ * destroy & remove editor
+ *
+ * @returns {void} void 无返回值
+ */
+
+ destroy : function () {
+ this.hide();
+ this.editor.remove();
+ },
+
+ /**
+ * 隐藏编辑器部分，只预览HTML
+ * Enter preview html state
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ previewing : function() {
+
+ var _this = this;
+ var editor = this.editor;
+ var preview = this.preview;
+ var toolbar = this.toolbar;
+ var settings = this.settings;
+ var codeMirror = this.codeMirror;
+ var previewContainer = this.previewContainer;
+
+ if ($.inArray(settings.mode, ["gfm", "markdown"]) < 0) {
+ return this;
+ }
+
+ var editorHeight = this.editor.outerHeight();
+
+ if (settings.toolbar && toolbar) {
+ toolbar.toggle();
+ toolbar.find(".fa[name=preview]").toggleClass("active");
+ }
+
+ codeMirror.toggle();
+
+ var escHandle = function(event) {
+ if (event.shiftKey && event.keyCode === 27) {
+ _this.previewed();
+ }
+ };
+
+ if (codeMirror.css("display") === "none") { // 为了兼容Zepto，而不使用codeMirror.is(":hidden")
+ this.state.preview = true;
+
+ if (this.settings.autoHeight) {
+ this.editor.css("height", editorHeight);
+ }
+
+ if (this.state.fullscreen) {
+ preview.css("background", "#fff");
+ }
+
+ editor.find("." + this.classPrefix + "preview-close-btn").show().bind("click", function(){
+ _this.previewed();
+ });
+
+ if (!settings.watch) {
+ this.save();
+ } else {
+ previewContainer.css("padding", "");
+ }
+
+ previewContainer.addClass(this.classPrefix + "preview-active");
+
+ preview.show().css({
+ position : "",
+ top : 0,
+ width : editor.width(),
+ height : (settings.autoHeight && !this.state.fullscreen) ? "auto" : editor.height()
+ });
+
+ if (this.state.loaded) {
+ $.proxy(settings.onpreviewing, this)();
+ }
+
+ $(window).bind("keyup", escHandle);
+ } else {
+ $(window).unbind("keyup", escHandle);
+ this.previewed();
+ }
+ },
+
+ /**
+ * 显示编辑器部分，退出只预览HTML
+ * Exit preview html state
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ previewed : function() {
+
+ var editor = this.editor;
+ var preview = this.preview;
+ var toolbar = this.toolbar;
+ var settings = this.settings;
+ var previewContainer = this.previewContainer;
+ var previewCloseBtn = editor.find("." + this.classPrefix + "preview-close-btn");
+
+ this.state.preview = false;
+
+ this.codeMirror.show();
+
+ if (settings.toolbar) {
+ toolbar.show();
+ }
+
+ preview[(settings.watch) ? "show" : "hide"]();
+
+ previewCloseBtn.hide().unbind("click");
+
+ previewContainer.removeClass(this.classPrefix + "preview-active");
+
+ if (settings.watch) {
+ previewContainer.css("padding", "20px");
+ }
+
+ if (this.settings.autoHeight) {
+ this.editor.css("height", "auto");
+ }
+
+ preview.css({
+ background : null,
+ position : "absolute",
+ width : editor.width() / 2,
+ height : (settings.autoHeight && !this.state.fullscreen) ? "auto" : editor.height() - toolbar.height(),
+ top : (settings.toolbar) ? toolbar.height() : 0
+ });
+
+ if (this.state.loaded) {
+ $.proxy(settings.onpreviewed, this)();
+ }
+
+ return this;
+ },
+
+ /**
+ * 编辑器全屏显示
+ * Fullscreen show
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ fullscreen : function() {
+
+ var _this = this;
+ var state = this.state;
+ var editor = this.editor;
+ var toolbar = this.toolbar;
+ var settings = this.settings;
+ var fullscreenClass = this.classPrefix + "fullscreen";
+
+ if (toolbar) {
+ toolbar.find(".fa[name=fullscreen]").parent().toggleClass("active");
+ }
+
+ var escHandle = function(event) {
+ if (!event.shiftKey && event.keyCode === 27) {
+ if (state.fullscreen) {
+ _this.fullscreenExit();
+ }
+ }
+ };
+
+ if (!editor.hasClass(fullscreenClass)) {
+ state.fullscreen = true;
+
+ $("html,body").css("overflow", "hidden");
+
+ editor.css({
+ width : $(window).width(),
+ height : $(window).height()
+ }).addClass(fullscreenClass);
+
+ this.resize();
+
+ $.proxy(settings.onfullscreen, this)();
+
+ $(window).bind("keyup", escHandle);
+ } else {
+ $(window).unbind("keyup", escHandle);
+ this.fullscreenExit();
+ }
+
+ return this;
+ },
+
+ /**
+ * 编辑器退出全屏显示
+ * Exit fullscreen state
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ fullscreenExit : function() {
+
+ var editor = this.editor;
+ var settings = this.settings;
+ var toolbar = this.toolbar;
+ var fullscreenClass = this.classPrefix + "fullscreen";
+
+ this.state.fullscreen = false;
+
+ if (toolbar) {
+ toolbar.find(".fa[name=fullscreen]").parent().removeClass("active");
+ }
+
+ $("html,body").css("overflow", "");
+
+ editor.css({
+ width : editor.data("oldWidth"),
+ height : editor.data("oldHeight")
+ }).removeClass(fullscreenClass);
+
+ this.resize();
+
+ $.proxy(settings.onfullscreenExit, this)();
+
+ return this;
+ },
+
+ /**
+ * 加载并执行插件
+ * Load and execute the plugin
+ *
+ * @param {String} name plugin name / function name
+ * @param {String} path plugin load path
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ executePlugin : function(name, path) {
+
+ var _this = this;
+ var cm = this.cm;
+ var settings = this.settings;
+
+ path = settings.pluginPath + path;
+
+ if (typeof define === "function") {
+ if (typeof this[name] === "undefined") {
+ alert("Error: " + name + " plugin is not found, you are not load this plugin.");
+
+ return this;
+ }
+
+ this[name](cm);
+
+ return this;
+ }
+
+ if ($.inArray(path, editormd.loadFiles.plugin) < 0) {
+ editormd.loadPlugin(path, function() {
+ editormd.loadPlugins[name] = _this[name];
+ _this[name](cm);
+ });
+ } else {
+ $.proxy(editormd.loadPlugins[name], this)(cm);
+ }
+
+ return this;
+ },
+
+ /**
+ * 搜索替换
+ * Search & replace
+ *
+ * @param {String} command CodeMirror serach commands, "find, fintNext, fintPrev, clearSearch, replace, replaceAll"
+ * @returns {editormd} return this
+ */
+
+ search : function(command) {
+ var settings = this.settings;
+
+ if (!settings.searchReplace) {
+ alert("Error: settings.searchReplace == false");
+ return this;
+ }
+
+ if (!settings.readOnly) {
+ this.cm.execCommand(command || "find");
+ }
+
+ return this;
+ },
+
+ searchReplace : function() {
+ this.search("replace");
+
+ return this;
+ },
+
+ searchReplaceAll : function() {
+ this.search("replaceAll");
+
+ return this;
+ }
+ };
+
+ editormd.fn.init.prototype = editormd.fn;
+
+ /**
+ * 锁屏
+ * lock screen when dialog opening
+ *
+ * @returns {void}
+ */
+
+ editormd.dialogLockScreen = function() {
+ var settings = this.settings || {dialogLockScreen : true};
+
+ if (settings.dialogLockScreen) {
+ $("html,body").css("overflow", "hidden");
+ this.resize();
+ }
+ };
+
+ /**
+ * 显示透明背景层
+ * Display mask layer when dialog opening
+ *
+ * @param {Object} dialog dialog jQuery object
+ * @returns {void}
+ */
+
+ editormd.dialogShowMask = function(dialog) {
+ var editor = this.editor;
+ var settings = this.settings || { dialogShowMask : true };
+
+ dialog.css({
+ top : ($(window).height() - dialog.height()) / 2 + "px",
+ left : ($(window).width() - dialog.width()) / 2 + "px"
+ });
+
+ if (settings.dialogShowMask) {
+ editor.children("." + this.classPrefix + "mask").css("z-index", parseInt(dialog.css("z-index")) - 1).show();
+ }
+ };
+
+ editormd.toolbarHandlers = {
+ undo : function() {
+ this.cm.undo();
+ },
+
+ redo : function() {
+ this.cm.redo();
+ },
+
+ bold : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ cm.replaceSelection("**" + selection + "**");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 2);
+ }
+ },
+
+ del : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ cm.replaceSelection("~~" + selection + "~~");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 2);
+ }
+ },
+
+ italic : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ cm.replaceSelection("*" + selection + "*");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 1);
+ }
+ },
+
+ quote : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("> " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 2);
+ } else {
+ cm.replaceSelection("> " + selection);
+ }
+ },
+
+ ucfirst : function() {
+ var cm = this.cm;
+ var selection = cm.getSelection();
+ var selections = cm.listSelections();
+
+ cm.replaceSelection(editormd.firstUpperCase(selection));
+ cm.setSelections(selections);
+ },
+
+ ucwords : function() {
+ var cm = this.cm;
+ var selection = cm.getSelection();
+ var selections = cm.listSelections();
+
+ cm.replaceSelection(editormd.wordsFirstUpperCase(selection));
+ cm.setSelections(selections);
+ },
+
+ uppercase : function() {
+ var cm = this.cm;
+ var selection = cm.getSelection();
+ var selections = cm.listSelections();
+
+ cm.replaceSelection(selection.toUpperCase());
+ cm.setSelections(selections);
+ },
+
+ lowercase : function() {
+ var cm = this.cm;
+ var selection = cm.getSelection();
+ var selections = cm.listSelections();
+
+ cm.replaceSelection(selection.toLowerCase());
+ cm.setSelections(selections);
+ },
+
+ h1 : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("# " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 2);
+ } else {
+ cm.replaceSelection("# " + selection);
+ }
+ },
+
+ h2 : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("## " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 3);
+ } else {
+ cm.replaceSelection("## " + selection);
+ }
+ },
+
+ h3 : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("### " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 4);
+ } else {
+ cm.replaceSelection("### " + selection);
+ }
+ },
+
+ h4 : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("#### " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 5);
+ } else {
+ cm.replaceSelection("#### " + selection);
+ }
+ },
+
+ h5 : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("##### " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 6);
+ } else {
+ cm.replaceSelection("##### " + selection);
+ }
+ },
+
+ h6 : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("###### " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 7);
+ } else {
+ cm.replaceSelection("###### " + selection);
+ }
+ },
+
+ "list-ul" : function() {
+ var cm = this.cm;
+ var selection = cm.getSelection();
+
+ if (selection === "") {
+ cm.replaceSelection("- " + selection);
+ } else {
+ var selectionText = selection.split("\n");
+
+ for (var i = 0, len = selectionText.length; i < len; i++) {
+ selectionText[i] = (selectionText[i] === "") ? "" : "- " + selectionText[i];
+ }
+
+ cm.replaceSelection(selectionText.join("\n"));
+ }
+ },
+
+ "list-ol" : function() {
+ var cm = this.cm;
+ var selection = cm.getSelection();
+
+ if(selection === "") {
+ cm.replaceSelection("1. " + selection);
+ } else {
+ var selectionText = selection.split("\n");
+
+ for (var i = 0, len = selectionText.length; i < len; i++) {
+ selectionText[i] = (selectionText[i] === "") ? "" : (i+1) + ". " + selectionText[i];
+ }
+
+ cm.replaceSelection(selectionText.join("\n"));
+ }
+ },
+
+ hr : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+
+ cm.replaceSelection(((cursor.ch !== 0) ? "\n\n" : "\n") + "------------\n\n");
+ },
+
+ tex : function() {
+ if (!this.settings.tex) {
+ alert("settings.tex === false");
+
+ return this;
+ }
+
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ cm.replaceSelection("$$" + selection + "$$");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 2);
+ }
+ },
+
+ link : function() {
+ this.executePlugin("linkDialog", "link-dialog/link-dialog");
+ },
+
+ "reference-link" : function() {
+ this.executePlugin("referenceLinkDialog", "reference-link-dialog/reference-link-dialog");
+ },
+
+ pagebreak : function() {
+ if (!this.settings.pageBreak) {
+ alert("settings.pageBreak === false");
+
+ return this;
+ }
+
+ var cm = this.cm;
+
+ cm.replaceSelection("\r\n[========]\r\n");
+ },
+
+ image : function() {
+ this.executePlugin("imageDialog", "image-dialog/image-dialog");
+ },
+
+ code : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ cm.replaceSelection("`" + selection + "`");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 1);
+ }
+ },
+
+ "code-block" : function() {
+ this.executePlugin("codeBlockDialog", "code-block-dialog/code-block-dialog");
+ },
+
+ "preformatted-text" : function() {
+ this.executePlugin("preformattedTextDialog", "preformatted-text-dialog/preformatted-text-dialog");
+ },
+
+ table : function() {
+ this.executePlugin("tableDialog", "table-dialog/table-dialog");
+ },
+
+ datetime : function() {
+ var cm = this.cm;
+ var langName = this.settings.lang.name;
+ var datefmt = editormd.dateFormat() + " " + editormd.dateFormat((langName === "zh-cn" || langName === "zh-tw") ? "cn-week-day" : "week-day");
+
+ cm.replaceSelection(datefmt);
+ },
+
+ emoji : function() {
+ this.executePlugin("emojiDialog", "emoji-dialog/emoji-dialog");
+ },
+
+ "html-entities" : function() {
+ this.executePlugin("htmlEntitiesDialog", "html-entities-dialog/html-entities-dialog");
+ },
+
+ "goto-line" : function() {
+ this.executePlugin("gotoLineDialog", "goto-line-dialog/goto-line-dialog");
+ },
+
+ watch : function() {
+ this[this.settings.watch ? "unwatch" : "watch"]();
+ },
+
+ preview : function() {
+ this.previewing();
+ },
+
+ fullscreen : function() {
+ this.fullscreen();
+ },
+
+ clear : function() {
+ this.clear();
+ },
+
+ search : function() {
+ this.search();
+ },
+
+ help : function() {
+ this.executePlugin("helpDialog", "help-dialog/help-dialog");
+ },
+
+ info : function() {
+ this.showInfoDialog();
+ }
+ };
+
+ // var isMac = navigator.platform.toUpperCase().indexOf("MAC") >= 0;
+ // var key = isMac ? "Cmd" : "Ctrl";
+
+ editormd.keyMaps = {
+ "Ctrl-1" : "h1",
+ "Ctrl-2" : "h2",
+ "Ctrl-3" : "h3",
+ "Ctrl-4" : "h4",
+ "Ctrl-5" : "h5",
+ "Ctrl-6" : "h6",
+ "Ctrl-B" : "bold", // if this is string == editormd.toolbarHandlers.xxxx
+ "Ctrl-D" : "datetime",
+ "Ctrl-E" : function() { // emoji
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (!this.settings.emoji) {
+ alert("Error: settings.emoji == false");
+
+ return ;
+ }
+
+ cm.replaceSelection(":" + selection + ":");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 1);
+ }
+ },
+ "Ctrl-Alt-G" : "goto-line",
+ "Ctrl-H" : "hr",
+ "Ctrl-I" : "italic",
+ "Ctrl-K" : "code",
+ "Ctrl-L" : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ var title = (selection === "") ? "" : " \""+selection+"\"";
+
+ cm.replaceSelection("[" + selection + "]("+title+")");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 1);
+ }
+ },
+ "Ctrl-U" : "list-ul",
+ "Shift-Ctrl-A" : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (!this.settings.atLink) {
+ alert("Error: settings.atLink == false");
+
+ return ;
+ }
+
+ cm.replaceSelection("@" + selection);
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 1);
+ }
+ },
+ "Shift-Ctrl-C" : "code",
+ "Shift-Ctrl-Q" : "quote",
+ "Shift-Ctrl-S" : "del",
+ "Shift-Ctrl-K" : "tex", // KaTeX
+ "Shift-Alt-C" : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ cm.replaceSelection(["```", selection, "```"].join("\n"));
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 3);
+ }
+ },
+ "Shift-Ctrl-Alt-C" : "code-block",
+ "Shift-Ctrl-H" : "html-entities",
+ "Shift-Alt-H" : "help",
+ "Shift-Ctrl-E" : "emoji",
+ "Shift-Ctrl-U" : "uppercase",
+ "Shift-Alt-U" : "ucwords",
+ "Shift-Ctrl-Alt-U" : "ucfirst",
+ "Shift-Alt-L" : "lowercase",
+ "Shift-Ctrl-I" : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ var title = (selection === "") ? "" : " \"" + selection + "\"";
+
+ cm.replaceSelection("![" + selection + "](" + title + ")");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 4);
+ }
+ },
+ "Shift-Ctrl-Alt-I" : "image",
+ "Shift-Ctrl-L" : "link",
+ "Shift-Ctrl-O" : "list-ol",
+ "Shift-Ctrl-P" : "preformatted-text",
+ "Shift-Ctrl-T" : "table",
+ "Shift-Alt-P" : "pagebreak",
+ "F9" : "watch",
+ "F10" : "preview",
+ "F11" : "fullscreen",
+ };
+
+ /**
+ * 清除字符串两边的空格
+ * Clear the space of strings both sides.
+ *
+ * @param {String} str string
+ * @returns {String} trimed string
+ */
+
+ var trim = function(str) {
+ return (!String.prototype.trim) ? str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "") : str.trim();
+ };
+
+ editormd.trim = trim;
+
+ /**
+ * 所有单词首字母大写
+ * Words first to uppercase
+ *
+ * @param {String} str string
+ * @returns {String} string
+ */
+
+ var ucwords = function (str) {
+ return str.toLowerCase().replace(/\b(\w)|\s(\w)/g, function($1) {
+ return $1.toUpperCase();
+ });
+ };
+
+ editormd.ucwords = editormd.wordsFirstUpperCase = ucwords;
+
+ /**
+ * 字符串首字母大写
+ * Only string first char to uppercase
+ *
+ * @param {String} str string
+ * @returns {String} string
+ */
+
+ var firstUpperCase = function(str) {
+ return str.toLowerCase().replace(/\b(\w)/, function($1){
+ return $1.toUpperCase();
+ });
+ };
+
+ editormd.firstUpperCase = editormd.ucfirst = firstUpperCase;
+
+ editormd.urls = {
+ atLinkBase : "https://github.com/"
+ };
+
+ editormd.regexs = {
+ atLink : /@(\w+)/g,
+ email : /(\w+)@(\w+)\.(\w+)\.?(\w+)?/g,
+ emailLink : /(mailto:)?([\w\.\_]+)@(\w+)\.(\w+)\.?(\w+)?/g,
+ emoji : /:([\w\+-]+):/g,
+ emojiDatetime : /(\d{1,2}:\d{1,2}:\d{1,2})/g,
+ twemoji : /:(tw-([\w]+)-?(\w+)?):/g,
+ fontAwesome : /:(fa-([\w]+)(-(\w+)){0,}):/g,
+ editormdLogo : /:(editormd-logo-?(\w+)?):/g,
+ pageBreak : /^\[[=]{8,}\]$/
+ };
+
+ // Emoji graphics files url path
+ editormd.emoji = {
+ path : "https://www.webpagefx.com/tools/emoji-cheat-sheet/graphics/emojis/",
+ ext : ".png"
+ };
+
+ // Twitter Emoji (Twemoji) graphics files url path
+ editormd.twemoji = {
+ path : "http://twemoji.maxcdn.com/36x36/",
+ ext : ".png"
+ };
+
+ /**
+ * 自定义marked的解析器
+ * Custom Marked renderer rules
+ *
+ * @param {Array} markdownToC 传入用于接收TOC的数组
+ * @returns {Renderer} markedRenderer 返回marked的Renderer自定义对象
+ */
+
+ editormd.markedRenderer = function(markdownToC, options) {
+ var defaults = {
+ toc : true, // Table of contents
+ tocm : false,
+ tocStartLevel : 1, // Said from H1 to create ToC
+ pageBreak : true,
+ atLink : true, // for @link
+ emailLink : true, // for mail address auto link
+ taskList : false, // Enable Github Flavored Markdown task lists
+ emoji : false, // :emoji: , Support Twemoji, fontAwesome, Editor.md logo emojis.
+ tex : false, // TeX(LaTeX), based on KaTeX
+ flowChart : false, // flowChart.js only support IE9+
+ sequenceDiagram : false, // sequenceDiagram.js only support IE9+
+ };
+
+ var _headingIds = [];
+ var settings = $.extend(defaults, options || {});
+ var marked = editormd.$marked;
+ var markedRenderer = new marked.Renderer();
+ markdownToC = markdownToC || [];
+
+ var regexs = editormd.regexs;
+ var atLinkReg = regexs.atLink;
+ var emojiReg = regexs.emoji;
+ var emailReg = regexs.email;
+ var emailLinkReg = regexs.emailLink;
+ var twemojiReg = regexs.twemoji;
+ var faIconReg = regexs.fontAwesome;
+ var editormdLogoReg = regexs.editormdLogo;
+ var pageBreakReg = regexs.pageBreak;
+
+ markedRenderer.emoji = function(text) {
+
+ text = text.replace(editormd.regexs.emojiDatetime, function($1) {
+ return $1.replace(/:/g, ":");
+ });
+
+ var matchs = text.match(emojiReg);
+
+ if (!matchs || !settings.emoji) {
+ return text;
+ }
+
+ for (var i = 0, len = matchs.length; i < len; i++) {
+ if (matchs[i] === ":+1:") {
+ matchs[i] = ":\\+1:";
+ }
+
+ text = text.replace(new RegExp(matchs[i]), function($1) {
+ var faMatchs = $1.match(faIconReg);
+ var name = $1.replace(/:/g, "");
+
+ if (faMatchs) {
+ for (var fa = 0, len1 = faMatchs.length; fa < len1; fa++) {
+ var faName = faMatchs[fa].replace(/:/g, "");
+
+ return "";
+ }
+ } else {
+ var emdlogoMathcs = $1.match(editormdLogoReg);
+ var twemojiMatchs = $1.match(twemojiReg);
+
+ if (emdlogoMathcs) {
+ for (var x = 0, len2 = emdlogoMathcs.length; x < len2; x++) {
+ var logoName = emdlogoMathcs[x].replace(/:/g, "");
+
+ return "";
+ }
+ } else if (twemojiMatchs) {
+ for (var t = 0, len3 = twemojiMatchs.length; t < len3; t++) {
+ var twe = twemojiMatchs[t].replace(/:/g, "").replace("tw-", "");
+
+ return "",
+ "
",
+ "",
+ "" + editormd.title + "v" + editormd.version + "
", + "" + this.lang.description + "
", + "", + "Copyright © 2015-" + editormd.dateFormat('yyyy') + " Pandao, The MIT License.
", + ""; + } + + return text; + }; + + 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 { + return marked.Renderer.prototype.code.apply(this, arguments); + } + }; + + 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"; + }; + + markedRenderer.listitem = function(text, task) { + if (settings.taskList && task) { + text = text.replace("" + this.atLink(this.emoji(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) {
+
+ if (typeof html !== "string") {
+ html = html.toString();
+ }
+
+ if (typeof filters !== "string") {
+ return html;
+ }
+
+ var expression = filters.split("|");
+ var filterTags = expression[0].split(",");
+ var attrs = expression[1];
+
+ 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"), "");
+ }
+
+ if (typeof attrs !== "undefined") {
+ var htmlTagRegex = /\<(\w+)\s*([^\>]*)\>([^\>]*)\<\/(\w+)\>/ig;
+
+ if (attrs === "*") {
+ html = html.replace(htmlTagRegex, function($1, $2, $3, $4, $5) {
+ return "<" + $2 + ">" + $4 + "";
+ });
+ } else if (attrs === "on*") {
+ html = html.replace(htmlTagRegex, function($1, $2, $3, $4, $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 {
+ 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) {
+ var defaults = {
+ gfm : true,
+ toc : true,
+ tocm : false,
+ tocStartLevel : 1,
+ tocTitle : "目录",
+ tocDropdown : false,
+ tocContainer : "",
+ markdown : "",
+ markdownSourceCode : false,
+ htmlDecode : false,
+ autoLoadKaTeX : true,
+ 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,
+ sequenceDiagram : false,
+ previewCodeHighlight : true
+ };
+
+ editormd.$marked = marked;
+
+ var div = $("#" + id);
+ var settings = div.settings = $.extend(true, {}, defaults, options || {});
+ var saveTo = div.find("textarea");
+
+ 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,
+ 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,
+ previewCodeHighlight : settings.previewCodeHighlight,
+ };
+
+ var markedOptions = {
+ renderer : editormd.markedRenderer(markdownToC, rendererOptions),
+ gfm : settings.gfm,
+ tables : true,
+ breaks : true,
+ pedantic : false,
+ sanitize : (settings.htmlDecode) ? false : true, // 是否忽略HTML标签，即是否开启HTML标签解析，为了安全性，默认不开启
+ smartLists : true,
+ smartypants : true
+ };
+
+ markdownDoc = markdownDoc.toString();
+
+ var markdownParsed = marked(markdownDoc, markedOptions);
+
+ markdownParsed = editormd.filterHTMLTags(markdownParsed, settings.htmlDecode);
+
+ if (settings.markdownSourceCode) {
+ saveTo.text(markdownDoc);
+ } else {
+ saveTo.remove();
+ }
+
+ div.addClass("markdown-body " + this.classPrefix + "html-preview").append(markdownParsed);
+
+ div.find(".task-list-item").each(function () {
+ $(this).parent().addClass("task-list");
+ });
+
+ 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) {
+ div.find("pre").addClass("prettyprint linenums");
+ window.prettyPrint();
+ }
+
+ if (!editormd.isIE8) {
+ if (settings.flowChart) {
+ div.find(".flowchart").flowChart();
+ }
+
+ if (settings.sequenceDiagram) {
+ div.find(".sequence-diagram").sequenceDiagram({theme: "simple"});
+ }
+ }
+
+ if (settings.tex) {
+ var katexHandle = function() {
+ div.find("." + editormd.classNames.tex).each(function(){
+ var tex = $(this);
+ 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();
+ }
+ }
+
+ 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 : "https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.10.1/katex.min",
+ js : "https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.10.1/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,
+ cached : false,
+ 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 html = "- | "; - } - else - { - var isHeader = (/h(\d)/.test(name)); - var index = name; - - if (name === "watch" && !settings.watch) { - index = "unwatch"; - } - - var title = settings.lang.toolbar[index]; - var iconTexts = settings.toolbarIconTexts[index]; - var iconClass = settings.toolbarIconsClass[index]; - - title = (typeof title === "undefined") ? "" : title; - iconTexts = (typeof iconTexts === "undefined") ? "" : iconTexts; - iconClass = (typeof iconClass === "undefined") ? "" : iconClass; - - var menuItem = pullRight ? "
- " : "
- "; - - if (typeof settings.toolbarCustomIcons[name] !== "undefined" && typeof settings.toolbarCustomIcons[name] !== "function") - { - menuItem += settings.toolbarCustomIcons[name]; - } - else - { - menuItem += ""; - menuItem += ""+((isHeader) ? name.toUpperCase() : ( (iconClass === "") ? iconTexts : "") ) + ""; - menuItem += ""; - } - - menuItem += " "; - - menu = pullRight ? menuItem + menu : menu + menuItem; - } - } - - toolbarMenu.html(menu); - - toolbarMenu.find("[title=\"Lowercase\"]").attr("title", settings.lang.toolbar.lowercase); - toolbarMenu.find("[title=\"ucwords\"]").attr("title", settings.lang.toolbar.ucwords); - - this.setToolbarHandler(); - this.setToolbarAutoFixed(); - - return this; - }, - - /** - * 工具栏图标事件处理对象序列 - * Get toolbar icons event handlers - * - * @param {Object} cm CodeMirror的实例对象 - * @param {String} name 要获取的事件处理器名称 - * @returns {Object} 返回处理对象序列 - */ - - dialogLockScreen : function() { - $.proxy(editormd.dialogLockScreen, this)(); - - return this; - }, - - dialogShowMask : function(dialog) { - $.proxy(editormd.dialogShowMask, this)(dialog); - - return this; - }, - - getToolbarHandles : function(name) { - var toolbarHandlers = this.toolbarHandlers = editormd.toolbarHandlers; - - return (name && typeof toolbarIconHandlers[name] !== "undefined") ? toolbarHandlers[name] : toolbarHandlers; - }, - - /** - * 工具栏图标事件处理器 - * Bind toolbar icons event handle - * - * @returns {editormd} 返回editormd的实例对象 - */ - - setToolbarHandler : function() { - var _this = this; - var settings = this.settings; - - if (!settings.toolbar || settings.readOnly) { - return this; - } - - var toolbar = this.toolbar; - var cm = this.cm; - var classPrefix = this.classPrefix; - var toolbarIcons = this.toolbarIcons = toolbar.find("." + classPrefix + "menu > li > a"); - var toolbarIconHandlers = this.getToolbarHandles(); - - toolbarIcons.bind("click", function() { - - var icon = $(this).children(".fa"); - var name = icon.attr("name"); - var cursor = cm.getCursor(); - var selection = cm.getSelection(); - - if (name === "") { - return ; - } - - _this.activeIcon = icon; - - if (typeof toolbarIconHandlers[name] !== "undefined") - { - $.proxy(toolbarIconHandlers[name], _this)(cm); - } - else - { - if (typeof settings.toolbarHandlers[name] !== "undefined") - { - $.proxy(settings.toolbarHandlers[name], _this)(cm, icon, cursor, selection); - } - } - - if (name !== "link" && name !== "reference-link" && name !== "image" && name !== "code-block" && - name !== "preformatted-text" && name !== "watch" && name !== "preview" && name !== "search" && name !== "fullscreen" && name !== "info") - { - cm.focus(); - } - - return false; - - }); - - return this; - }, - - /** - * 动态创建对话框 - * Creating custom dialogs - * - * @param {Object} options 配置项键值对 Key/Value - * @returns {dialog} 返回创建的dialog的jQuery实例对象 - */ - - createDialog : function(options) { - return $.proxy(editormd.createDialog, this)(options); - }, - - /** - * 创建关于Editor.md的对话框 - * Create about Editor.md dialog - * - * @returns {editormd} 返回editormd的实例对象 - */ - - createInfoDialog : function() { - var _this = this; - var editor = this.editor; - var classPrefix = this.classPrefix; - - var infoDialogHTML = [ - "
" + 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("click", function() {
+ dialog.hide().lockScreen(false).hideMask();
+
+ if (!options.cached) {
+ dialog.remove();
+ }
+ });
+
+ 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("click", btn[1]);
+ }
+ }
+
+ if (options.title !== "" && options.drag) {
+ var posX, posY;
+ var dialogHeader = dialog.children("." + classPrefix + "dialog-header");
+
+ if (!options.mask) {
+ dialogHeader.bind("click", function(){
+ editormd.dialogZindex += 2;
+ dialog.css("z-index", editormd.dialogZindex);
+ });
+ }
+
+ var userCanSelect = function (obj) {
+ obj.removeClass(classPrefix + "user-unselect").off("selectstart");
+ };
+
+ var userUnselect = function (obj) {
+ obj.addClass(classPrefix + "user-unselect").on("selectstart", function() { // 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";
+ };
+
+ 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;
+ });
+
+ 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;
+ };
+
+ /**
+ * 获取指定区间的随机整数
+ *
+ * @return {Int} int 返回随机生成的整数
+ */
+
+ editormd.rand = function (n, m) {
+ var c = m - n + 1;
+
+ return Math.floor(Math.random() * c + n);
+ };
+
+ /**
+ * 日期时间的格式化方法
+ * 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;
+
+}));
diff --git a/editormd.js b/editormd.js
index 958a76b..09c7709 100644
--- a/editormd.js
+++ b/editormd.js
@@ -10,4625 +10,4349 @@
* @updateTime 2019-05-11
*/
-;(function(factory) {
- "use strict";
-
- // CommonJS/Node.js
- if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
- {
- module.exports = factory();
- }
- else if (typeof define === "function") // AMD/CMD/Sea.js
- {
- if (define.amd) // for Require.js
- {
- /* Require.js define replace */
- }
- else
- {
- define(["jquery"], factory); // for Sea.js
- }
- }
- else
- {
- window.editormd = factory();
- }
-
-}(function() {
-
- /* Require.js assignment replace */
-
- "use strict";
-
- var $ = (typeof (window.jQuery) !== "undefined") ? window.jQuery : window.Zepto;
-
- if (typeof ($) === "undefined") {
- return ;
- }
-
- /**
- * editormd
- *
- * @param {String} id 编辑器的ID
- * @param {Object} options 配置选项 Key/Value
- * @returns {Object} editormd 返回editormd对象
- */
-
- var editormd = function (id, options) {
- return new editormd.fn.init(id, options);
- };
-
- editormd.title = editormd.$name = "Editor.md";
- editormd.version = "1.5.1";
- editormd.homePage = "https://pandao.github.io/editor.md/";
- editormd.classPrefix = "editormd-";
-
- editormd.toolbarModes = {
- full : [
- "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", "|",
- "goto-line", "watch", "preview", "fullscreen", "clear", "search", "|",
- "help", "info"
- ],
- simple : [
- "undo", "redo", "|",
- "bold", "del", "italic", "quote", "uppercase", "lowercase", "|",
- "h1", "h2", "h3", "h4", "h5", "h6", "|",
- "list-ul", "list-ol", "hr", "|",
- "watch", "preview", "fullscreen", "|",
- "help", "info"
- ],
- mini : [
- "undo", "redo", "|",
- "watch", "preview", "|",
- "help", "info"
- ]
- };
-
- editormd.defaults = {
- mode : "gfm", //gfm or markdown
- name : "", // Form element name
- value : "", // value for CodeMirror, if mode not gfm/markdown
- theme : "", // Editor.md self themes, before v1.5.0 is CodeMirror theme, default empty
- editorTheme : "default", // Editor area, this is CodeMirror theme at v1.5.0
- previewTheme : "", // Preview area theme, default empty
- markdown : "", // Markdown source code
- appendMarkdown : "", // if in init textarea value not empty, append markdown to textarea
- width : "100%",
- height : "100%",
- path : "./lib/", // Dependents module file directory
- pluginPath : "", // If this empty, default use settings.path + "../plugins/"
- delay : 300, // Delay parse markdown to html, Uint : ms
- autoLoadModules : true, // Automatic load dependent module files
- watch : true,
- placeholder : "Enjoy Markdown! coding now...",
- gotoLine : true,
- codeFold : false,
- autoHeight : false,
- autoFocus : true,
- autoCloseTags : true,
- searchReplace : true,
- syncScrolling : true, // true | false | "single", default true
- readOnly : false,
- tabSize : 4,
- indentUnit : 4,
- lineNumbers : true,
- lineWrapping : true,
- autoCloseBrackets : true,
- showTrailingSpace : true,
- matchBrackets : true,
- indentWithTabs : true,
- styleSelectedText : true,
- matchWordHighlight : true, // options: true, false, "onselected"
- styleActiveLine : true, // Highlight the current line
- dialogLockScreen : false,
- dialogShowMask : true,
- dialogDraggable : true,
- dialogMaskBgColor : "#fff",
- dialogMaskOpacity : 0.1,
- fontSize : "13px",
- saveHTMLToTextarea : false,
- disabledKeyMaps : [],
-
- onload : function() {},
- onresize : function() {},
- onchange : function() {},
- onwatch : null,
- onunwatch : null,
- onpreviewing : function() {},
- onpreviewed : function() {},
- onfullscreen : function() {},
- onfullscreenExit : function() {},
- onscroll : function() {},
- onpreviewscroll : function() {},
-
- imageUpload : false,
- imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
- imageUploadURL : "",
- imageUploadFields : "", // append upload form fields for CRSF etc. Server-side receives the POST parameters. v1.5.1+
- imageUploadCallback : function() {}, // set image upload finish (success or failure) callback handler v1.5.1+
- imageUploadCallbackName : '__Editor_md_ImageUploadCallback', // upload callback name for cross-domain upload v1.5.1+
- crossDomainUpload : false,
- uploadCallbackURL : "",
-
- toc : true, // Table of contents
- tocm : false, // Using [TOCM], auto create ToC dropdown menu
- tocTitle : "", // for ToC dropdown menu btn
- tocDropdown : false,
- tocContainer : "",
- tocStartLevel : 1, // Said from H1 to create ToC
- htmlDecode : false, // Open the HTML tag identification
- pageBreak : true, // Enable parse page break [========]
- atLink : true, // for @link
- emailLink : true, // for email address auto link
- taskList : false, // Enable Github Flavored Markdown task lists
- emoji : false, // :emoji: , Support Github emoji, Twitter Emoji (Twemoji);
- // Support FontAwesome icon emoji :fa-xxx: > Using fontAwesome icon web fonts;
- // Support Editor.md logo icon emoji :editormd-logo: :editormd-logo-1x: > 1~8x;
- tex : false, // TeX(LaTeX), based on KaTeX
- flowChart : false, // flowChart.js only support IE9+
- sequenceDiagram : false, // sequenceDiagram.js only support IE9+
- previewCodeHighlight : true,
-
- toolbar : true, // show/hide toolbar
- toolbarAutoFixed : true, // on window scroll auto fixed position
- toolbarIcons : "full",
- toolbarTitles : {},
- toolbarHandlers : {
- ucwords : function() {
- return editormd.toolbarHandlers.ucwords;
- },
- lowercase : function() {
- return editormd.toolbarHandlers.lowercase;
- }
- },
- toolbarCustomIcons : { // using html tag create toolbar icon, unused default tag.
- lowercase : "a",
- "ucwords" : "Aa"
- },
- toolbarIconsClass : {
- undo : "fa-undo",
- redo : "fa-repeat",
- bold : "fa-bold",
- del : "fa-strikethrough",
- italic : "fa-italic",
- quote : "fa-quote-left",
- uppercase : "fa-font",
- h1 : editormd.classPrefix + "bold",
- h2 : editormd.classPrefix + "bold",
- h3 : editormd.classPrefix + "bold",
- h4 : editormd.classPrefix + "bold",
- h5 : editormd.classPrefix + "bold",
- h6 : editormd.classPrefix + "bold",
- "list-ul" : "fa-list-ul",
- "list-ol" : "fa-list-ol",
- hr : "fa-minus",
- link : "fa-link",
- "reference-link" : "fa-anchor",
- image : "fa-picture-o",
- code : "fa-code",
- "preformatted-text" : "fa-file-code-o",
- "code-block" : "fa-file-code-o",
- table : "fa-table",
- datetime : "fa-clock-o",
- emoji : "fa-smile-o",
- "html-entities" : "fa-copyright",
- pagebreak : "fa-newspaper-o",
- "goto-line" : "fa-terminal", // fa-crosshairs
- watch : "fa-eye-slash",
- unwatch : "fa-eye",
- preview : "fa-desktop",
- search : "fa-search",
- fullscreen : "fa-arrows-alt",
- clear : "fa-eraser",
- help : "fa-question-circle",
- info : "fa-info-circle"
- },
- toolbarIconTexts : {},
-
- lang : {
- name : "zh-cn",
- description : "开源在线 Markdown 编辑器";
+ 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 += "Open source online Markdown editor.", - tocTitle : "目录", - toolbar : { - undo : "撤销（Ctrl+Z）", - redo : "重做（Ctrl+Y）", - bold : "粗体", - del : "删除线", - italic : "斜体", - quote : "引用", - ucwords : "将每个单词首字母转成大写", - uppercase : "将所选转换成大写", - lowercase : "将所选转换成小写", - h1 : "标题1", - h2 : "标题2", - h3 : "标题3", - h4 : "标题4", - h5 : "标题5", - h6 : "标题6", - "list-ul" : "无序列表", - "list-ol" : "有序列表", - hr : "横线", - link : "链接", - "reference-link" : "引用链接", - image : "添加图片", - code : "行内代码", - "preformatted-text" : "预格式文本 / 代码块（缩进风格）", - "code-block" : "代码块（多语言风格）", - table : "添加表格", - datetime : "日期时间", - emoji : "Emoji表情", - "html-entities" : "HTML实体字符", - pagebreak : "插入分页符", - "goto-line" : "跳转到行", - watch : "关闭实时预览", - unwatch : "开启实时预览", - preview : "全窗口预览HTML（按 Shift + ESC还原）", - fullscreen : "全屏（按ESC还原）", - clear : "清空", - search : "搜索", - help : "使用帮助", - info : "关于" + editormd.title - }, - buttons : { - enter : "确定", - cancel : "取消", - close : "关闭" - }, - dialog : { - link : { - title : "添加链接", - url : "链接地址", - urlTitle : "链接标题", - urlEmpty : "错误：请填写链接地址。" - }, - referenceLink : { - title : "添加引用链接", - name : "引用名称", - url : "链接地址", - urlId : "链接ID", - urlTitle : "链接标题", - nameEmpty: "错误：引用链接的名称不能为空。", - idEmpty : "错误：请填写引用链接的ID。", - urlEmpty : "错误：请填写引用链接的URL地址。" - }, - image : { - title : "添加图片", - url : "图片地址", - link : "图片链接", - alt : "图片描述", - uploadButton : "本地上传", - imageURLEmpty : "错误：图片地址不能为空。", - uploadFileEmpty : "错误：上传的图片不能为空。", - formatNotAllowed : "错误：只允许上传图片文件，允许上传的图片文件格式有：" - }, - preformattedText : { - title : "添加预格式文本或代码块", - emptyAlert : "错误：请填写预格式文本或代码的内容。", - placeholder : "Coding now...." - }, - codeBlock : { - title : "添加代码块", - selectLabel : "代码语言：", - selectDefaultText : "请选择代码语言", - otherLanguage : "其他语言", - unselectedLanguageAlert : "错误：请选择代码所属的语言类型。", - codeEmptyAlert : "错误：请填写代码内容。", - placeholder : "Coding now...." - }, - htmlEntities : { - title : "HTML 实体字符" - }, - help : { - title : "使用帮助" - } - } - } - }; - - editormd.classNames = { - tex : editormd.classPrefix + "tex" - }; - - editormd.dialogZindex = 99999; - - editormd.$katex = null; - editormd.$marked = null; - editormd.$CodeMirror = null; - editormd.$prettyPrint = null; - - var timer, flowchartTimer; - - editormd.prototype = editormd.fn = { - state : { - watching : false, - loaded : false, - preview : false, - fullscreen : false - }, - - /** - * 构造函数/实例初始化 - * Constructor / instance initialization - * - * @param {String} id 编辑器的ID - * @param {Object} [options={}] 配置选项 Key/Value - * @returns {editormd} 返回editormd的实例对象 - */ - - init : function (id, options) { - - options = options || {}; - - if (typeof id === "object") - { - options = id; - } - - var classPrefix = this.classPrefix = editormd.classPrefix; - var settings = $.extend(true, {}, editormd.defaults, options); - - if (options.imageFormats) { - settings.imageFormats = options.imageFormats; - } - - this.settings = settings; - - id = (typeof id === "object") ? settings.id : id; - - var editor = this.editor = $("#" + id); - - this.id = id; - this.lang = settings.lang; - - var classNames = this.classNames = { - textarea : { - html : classPrefix + "html-textarea", - markdown : classPrefix + "markdown-textarea" - } - }; - - settings.pluginPath = (settings.pluginPath === "") ? settings.path + "../plugins/" : settings.pluginPath; - - this.state.watching = (settings.watch) ? true : false; - - if ( !editor.hasClass("editormd") ) { - editor.addClass("editormd"); - } - - editor.css({ - width : (typeof settings.width === "number") ? settings.width + "px" : settings.width, - height : (typeof settings.height === "number") ? settings.height + "px" : settings.height - }); - - if (settings.autoHeight) - { - editor.css("height", "auto"); - } - - var markdownTextarea = this.markdownTextarea = editor.children("textarea"); - - if (markdownTextarea.length < 1) - { - editor.append(""); - markdownTextarea = this.markdownTextarea = editor.children("textarea"); - } - - markdownTextarea.addClass(classNames.textarea.markdown).attr("placeholder", settings.placeholder); - - if (typeof markdownTextarea.attr("name") === "undefined" || markdownTextarea.attr("name") === "") - { - markdownTextarea.attr("name", (settings.name !== "") ? settings.name : id + "-markdown-doc"); - } - - var appendElements = [ - (!settings.readOnly) ? "" : "", - ( (settings.saveHTMLToTextarea) ? "" : "" ), - "
",
- "",
- ""
- ].join("\n");
-
- editor.append(appendElements).addClass(classPrefix + "vertical");
-
- if (settings.theme !== "")
- {
- editor.addClass(classPrefix + "theme-" + settings.theme);
- }
-
- this.mask = editor.children("." + classPrefix + "mask");
- this.containerMask = editor.children("." + classPrefix + "container-mask");
-
- if (settings.markdown !== "")
- {
- markdownTextarea.val(settings.markdown);
- }
-
- if (settings.appendMarkdown !== "")
- {
- markdownTextarea.val(markdownTextarea.val() + settings.appendMarkdown);
- }
-
- this.htmlTextarea = editor.children("." + classNames.textarea.html);
- this.preview = editor.children("." + classPrefix + "preview");
- this.previewContainer = this.preview.children("." + classPrefix + "preview-container");
-
- if (settings.previewTheme !== "")
- {
- this.preview.addClass(classPrefix + "preview-theme-" + settings.previewTheme);
- }
-
- if (typeof define === "function" && define.amd)
- {
- if (typeof window.katex !== "undefined")
- {
- editormd.$katex = window.katex;
- }
-
- if (settings.searchReplace && !settings.readOnly)
- {
- editormd.loadCSS(settings.path + "codemirror/addon/dialog/dialog");
- editormd.loadCSS(settings.path + "codemirror/addon/search/matchesonscrollbar");
- }
- }
-
- if ((typeof define === "function" && define.amd) || !settings.autoLoadModules)
- {
- if (typeof window.CodeMirror !== "undefined") {
- editormd.$CodeMirror = window.CodeMirror;
- }
-
- if (typeof window.marked !== "undefined") {
- editormd.$marked = window.marked;
- }
-
- this.setCodeMirror().setToolbar().loadedDisplay();
- }
- else
- {
- this.loadQueues();
- }
-
- return this;
- },
-
- /**
- * 所需组件加载队列
- * Required components loading queue
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- loadQueues : function() {
- var _this = this;
- var settings = this.settings;
- var loadPath = settings.path;
-
- var loadFlowChartOrSequenceDiagram = function() {
-
- if (editormd.isIE8)
- {
- _this.loadedDisplay();
-
- return ;
- }
-
- if (settings.flowChart || settings.sequenceDiagram)
- {
- editormd.loadScript(loadPath + "raphael.min", function() {
-
- editormd.loadScript(loadPath + "underscore.min", function() {
-
- if (!settings.flowChart && settings.sequenceDiagram)
- {
- editormd.loadScript(loadPath + "sequence-diagram.min", function() {
- _this.loadedDisplay();
- });
- }
- else if (settings.flowChart && !settings.sequenceDiagram)
- {
- editormd.loadScript(loadPath + "flowchart.min", function() {
- editormd.loadScript(loadPath + "jquery.flowchart.min", function() {
- _this.loadedDisplay();
- });
- });
- }
- else if (settings.flowChart && settings.sequenceDiagram)
- {
- editormd.loadScript(loadPath + "flowchart.min", function() {
- editormd.loadScript(loadPath + "jquery.flowchart.min", function() {
- editormd.loadScript(loadPath + "sequence-diagram.min", function() {
- _this.loadedDisplay();
- });
- });
- });
- }
- });
-
- });
- }
- else
- {
- _this.loadedDisplay();
- }
- };
-
- editormd.loadCSS(loadPath + "codemirror/codemirror.min");
-
- if (settings.searchReplace && !settings.readOnly)
- {
- editormd.loadCSS(loadPath + "codemirror/addon/dialog/dialog");
- editormd.loadCSS(loadPath + "codemirror/addon/search/matchesonscrollbar");
- }
-
- if (settings.codeFold)
- {
- editormd.loadCSS(loadPath + "codemirror/addon/fold/foldgutter");
- }
-
- editormd.loadScript(loadPath + "codemirror/codemirror.min", function() {
- editormd.$CodeMirror = CodeMirror;
-
- editormd.loadScript(loadPath + "codemirror/modes.min", function() {
-
- editormd.loadScript(loadPath + "codemirror/addons.min", function() {
-
- _this.setCodeMirror();
-
- if (settings.mode !== "gfm" && settings.mode !== "markdown")
- {
- _this.loadedDisplay();
-
- return false;
- }
-
- _this.setToolbar();
-
- editormd.loadScript(loadPath + "marked.min", function() {
-
- editormd.$marked = marked;
-
- if (settings.previewCodeHighlight)
- {
- editormd.loadScript(loadPath + "prettify.min", function() {
- loadFlowChartOrSequenceDiagram();
- });
- }
- else
- {
- loadFlowChartOrSequenceDiagram();
- }
- });
-
- });
-
- });
-
- });
-
- return this;
- },
-
- /**
- * 设置 Editor.md 的整体主题，主要是工具栏
- * Setting Editor.md theme
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setTheme : function(theme) {
- var editor = this.editor;
- var oldTheme = this.settings.theme;
- var themePrefix = this.classPrefix + "theme-";
-
- editor.removeClass(themePrefix + oldTheme).addClass(themePrefix + theme);
-
- this.settings.theme = theme;
-
- return this;
- },
-
- /**
- * 设置 CodeMirror（编辑区）的主题
- * Setting CodeMirror (Editor area) theme
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setEditorTheme : function(theme) {
- var settings = this.settings;
- settings.editorTheme = theme;
-
- if (theme !== "default")
- {
- editormd.loadCSS(settings.path + "codemirror/theme/" + settings.editorTheme);
- }
-
- this.cm.setOption("theme", theme);
-
- return this;
- },
-
- /**
- * setEditorTheme() 的别名
- * setEditorTheme() alias
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setCodeMirrorTheme : function (theme) {
- this.setEditorTheme(theme);
-
- return this;
- },
-
- /**
- * 设置 Editor.md 的主题
- * Setting Editor.md theme
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setPreviewTheme : function(theme) {
- var preview = this.preview;
- var oldTheme = this.settings.previewTheme;
- var themePrefix = this.classPrefix + "preview-theme-";
-
- preview.removeClass(themePrefix + oldTheme).addClass(themePrefix + theme);
-
- this.settings.previewTheme = theme;
-
- return this;
- },
-
- /**
- * 配置和初始化CodeMirror组件
- * CodeMirror initialization
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setCodeMirror : function() {
- var settings = this.settings;
- var editor = this.editor;
-
- if (settings.editorTheme !== "default")
- {
- editormd.loadCSS(settings.path + "codemirror/theme/" + settings.editorTheme);
- }
-
- var codeMirrorConfig = {
- mode : settings.mode,
- theme : settings.editorTheme,
- tabSize : settings.tabSize,
- dragDrop : false,
- autofocus : settings.autoFocus,
- autoCloseTags : settings.autoCloseTags,
- readOnly : (settings.readOnly) ? "nocursor" : false,
- indentUnit : settings.indentUnit,
- lineNumbers : settings.lineNumbers,
- lineWrapping : settings.lineWrapping,
- extraKeys : {
- "Ctrl-Q": function(cm) {
- cm.foldCode(cm.getCursor());
- }
- },
- foldGutter : settings.codeFold,
- gutters : ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
- matchBrackets : settings.matchBrackets,
- indentWithTabs : settings.indentWithTabs,
- styleActiveLine : settings.styleActiveLine,
- styleSelectedText : settings.styleSelectedText,
- autoCloseBrackets : settings.autoCloseBrackets,
- showTrailingSpace : settings.showTrailingSpace,
- highlightSelectionMatches : ( (!settings.matchWordHighlight) ? false : { showToken: (settings.matchWordHighlight === "onselected") ? false : /\w/ } )
- };
-
- this.codeEditor = this.cm = editormd.$CodeMirror.fromTextArea(this.markdownTextarea[0], codeMirrorConfig);
- this.codeMirror = this.cmElement = editor.children(".CodeMirror");
-
- if (settings.value !== "")
- {
- this.cm.setValue(settings.value);
- }
-
- this.codeMirror.css({
- fontSize : settings.fontSize,
- width : (!settings.watch) ? "100%" : "50%"
- });
-
- if (settings.autoHeight)
- {
- this.codeMirror.css("height", "auto");
- this.cm.setOption("viewportMargin", Infinity);
- }
-
- if (!settings.lineNumbers)
- {
- this.codeMirror.find(".CodeMirror-gutters").css("border-right", "none");
- }
-
- return this;
- },
-
- /**
- * 获取CodeMirror的配置选项
- * Get CodeMirror setting options
- *
- * @returns {Mixed} return CodeMirror setting option value
- */
-
- getCodeMirrorOption : function(key) {
- return this.cm.getOption(key);
- },
-
- /**
- * 配置和重配置CodeMirror的选项
- * CodeMirror setting options / resettings
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setCodeMirrorOption : function(key, value) {
-
- this.cm.setOption(key, value);
-
- return this;
- },
-
- /**
- * 添加 CodeMirror 键盘快捷键
- * Add CodeMirror keyboard shortcuts key map
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- addKeyMap : function(map, bottom) {
- this.cm.addKeyMap(map, bottom);
-
- return this;
- },
-
- /**
- * 移除 CodeMirror 键盘快捷键
- * Remove CodeMirror keyboard shortcuts key map
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- removeKeyMap : function(map) {
- this.cm.removeKeyMap(map);
-
- return this;
- },
-
- /**
- * 跳转到指定的行
- * Goto CodeMirror line
- *
- * @param {String|Intiger} line line number or "first"|"last"
- * @returns {editormd} 返回editormd的实例对象
- */
-
- gotoLine : function (line) {
-
- var settings = this.settings;
-
- if (!settings.gotoLine)
- {
- return this;
- }
-
- var cm = this.cm;
- var count = cm.lineCount();
- var preview = this.preview;
-
- if (typeof line === "string")
- {
- if(line === "last")
- {
- line = count;
- }
-
- if (line === "first")
- {
- line = 1;
- }
- }
-
- if (typeof line !== "number")
- {
- alert("Error: The line number must be an integer.");
- return this;
- }
-
- line = parseInt(line) - 1;
-
- if (line > count)
- {
- alert("Error: The line number range 1-" + count);
-
- return this;
- }
-
- cm.setCursor( {line : line, ch : 0} );
-
- var scrollInfo = cm.getScrollInfo();
- var clientHeight = scrollInfo.clientHeight;
- var coords = cm.charCoords({line : line, ch : 0}, "local");
-
- cm.scrollTo(null, (coords.top + coords.bottom - clientHeight) / 2);
-
- if (settings.watch)
- {
- var cmScroll = this.codeMirror.find(".CodeMirror-scroll")[0];
- var height = $(cmScroll).height();
- var scrollTop = cmScroll.scrollTop;
- var percent = (scrollTop / cmScroll.scrollHeight);
-
- if (scrollTop === 0)
- {
- preview.scrollTop(0);
- }
- else if (scrollTop + height >= cmScroll.scrollHeight - 16)
- {
- preview.scrollTop(preview[0].scrollHeight);
- }
- else
- {
- preview.scrollTop(preview[0].scrollHeight * percent);
- }
- }
-
- cm.focus();
-
- return this;
- },
-
- /**
- * 扩展当前实例对象，可同时设置多个或者只设置一个
- * Extend editormd instance object, can mutil setting.
- *
- * @returns {editormd} this(editormd instance object.)
- */
-
- extend : function() {
- if (typeof arguments[1] !== "undefined")
- {
- if (typeof arguments[1] === "function")
- {
- arguments[1] = $.proxy(arguments[1], this);
- }
-
- this[arguments[0]] = arguments[1];
- }
-
- if (typeof arguments[0] === "object" && typeof arguments[0].length === "undefined")
- {
- $.extend(true, this, arguments[0]);
- }
-
- return this;
- },
-
- /**
- * 设置或扩展当前实例对象，单个设置
- * Extend editormd instance object, one by one
- *
- * @param {String|Object} key option key
- * @param {String|Object} value option value
- * @returns {editormd} this(editormd instance object.)
- */
-
- set : function (key, value) {
-
- if (typeof value !== "undefined" && typeof value === "function")
- {
- value = $.proxy(value, this);
- }
-
- this[key] = value;
-
- return this;
- },
-
- /**
- * 重新配置
- * Resetting editor options
- *
- * @param {String|Object} key option key
- * @param {String|Object} value option value
- * @returns {editormd} this(editormd instance object.)
- */
-
- config : function(key, value) {
- var settings = this.settings;
-
- if (typeof key === "object")
- {
- settings = $.extend(true, settings, key);
- }
-
- if (typeof key === "string")
- {
- settings[key] = value;
- }
-
- this.settings = settings;
- this.recreate();
-
- return this;
- },
-
- /**
- * 注册事件处理方法
- * Bind editor event handle
- *
- * @param {String} eventType event type
- * @param {Function} callback 回调函数
- * @returns {editormd} this(editormd instance object.)
- */
-
- on : function(eventType, callback) {
- var settings = this.settings;
-
- if (typeof settings["on" + eventType] !== "undefined")
- {
- settings["on" + eventType] = $.proxy(callback, this);
- }
-
- return this;
- },
-
- /**
- * 解除事件处理方法
- * Unbind editor event handle
- *
- * @param {String} eventType event type
- * @returns {editormd} this(editormd instance object.)
- */
-
- off : function(eventType) {
- var settings = this.settings;
-
- if (typeof settings["on" + eventType] !== "undefined")
- {
- settings["on" + eventType] = function(){};
- }
-
- return this;
- },
-
- /**
- * 显示工具栏
- * Display toolbar
- *
- * @param {Function} [callback=function(){}] 回调函数
- * @returns {editormd} 返回editormd的实例对象
- */
-
- showToolbar : function(callback) {
- var settings = this.settings;
-
- if(settings.readOnly) {
- return this;
- }
-
- if (settings.toolbar && (this.toolbar.length < 1 || this.toolbar.find("." + this.classPrefix + "menu").html() === "") )
- {
- this.setToolbar();
- }
-
- settings.toolbar = true;
-
- this.toolbar.show();
- this.resize();
-
- $.proxy(callback || function(){}, this)();
-
- return this;
- },
-
- /**
- * 隐藏工具栏
- * Hide toolbar
- *
- * @param {Function} [callback=function(){}] 回调函数
- * @returns {editormd} this(editormd instance object.)
- */
-
- hideToolbar : function(callback) {
- var settings = this.settings;
-
- settings.toolbar = false;
- this.toolbar.hide();
- this.resize();
-
- $.proxy(callback || function(){}, this)();
-
- return this;
- },
-
- /**
- * 页面滚动时工具栏的固定定位
- * Set toolbar in window scroll auto fixed position
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setToolbarAutoFixed : function(fixed) {
-
- var state = this.state;
- var editor = this.editor;
- var toolbar = this.toolbar;
- var settings = this.settings;
-
- if (typeof fixed !== "undefined")
- {
- settings.toolbarAutoFixed = fixed;
- }
-
- var autoFixedHandle = function(){
- var $window = $(window);
- var top = $window.scrollTop();
-
- if (!settings.toolbarAutoFixed)
- {
- return false;
- }
-
- if (top - editor.offset().top > 10 && top < editor.height())
- {
- toolbar.css({
- position : "fixed",
- width : editor.width() + "px",
- left : ($window.width() - editor.width()) / 2 + "px"
- });
- }
- else
- {
- toolbar.css({
- position : "absolute",
- width : "100%",
- left : 0
- });
- }
- };
-
- if (!state.fullscreen && !state.preview && settings.toolbar && settings.toolbarAutoFixed)
- {
- $(window).bind("scroll", autoFixedHandle);
- }
-
- return this;
- },
-
- /**
- * 配置和初始化工具栏
- * Set toolbar and Initialization
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setToolbar : function() {
- var settings = this.settings;
-
- if(settings.readOnly) {
- return this;
- }
-
- var editor = this.editor;
- var classPrefix = this.classPrefix;
-
- var toolbar = this.toolbar = editor.children("." + classPrefix + "toolbar");
-
- if (settings.toolbar && toolbar.length < 1)
- {
- var toolbarHTML = "
",
- "
"
- ].join("\n");
-
- editor.append(infoDialogHTML);
-
- var infoDialog = this.infoDialog = editor.children("." + classPrefix + "dialog-info");
-
- infoDialog.find("." + classPrefix + "dialog-close").bind("click", function() {
- _this.hideInfoDialog();
- });
-
- infoDialog.css("border", (editormd.isIE8) ? "1px solid #ddd" : "").css("z-index", editormd.dialogZindex).show();
-
- this.infoDialogPosition();
-
- return this;
- },
-
- /**
- * 关于Editor.md对话居中定位
- * Editor.md dialog position handle
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- infoDialogPosition : function() {
- var infoDialog = this.infoDialog;
-
- var _infoDialogPosition = function() {
- infoDialog.css({
- top : ($(window).height() - infoDialog.height()) / 2 + "px",
- left : ($(window).width() - infoDialog.width()) / 2 + "px"
- });
- };
-
- _infoDialogPosition();
-
- $(window).resize(_infoDialogPosition);
-
- return this;
- },
-
- /**
- * 显示关于Editor.md
- * Display about Editor.md dialog
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- showInfoDialog : function() {
-
- $("html,body").css("overflow-x", "hidden");
-
- var editor = this.editor;
- var settings = this.settings;
- var infoDialog = this.infoDialog = editor.children("." + this.classPrefix + "dialog-info");
-
- if (infoDialog.length < 1)
- {
- this.createInfoDialog();
- }
-
- this.lockScreen(true);
-
- this.mask.css({
- opacity : settings.dialogMaskOpacity,
- backgroundColor : settings.dialogMaskBgColor
- }).show();
-
- infoDialog.css("z-index", editormd.dialogZindex).show();
-
- this.infoDialogPosition();
-
- return this;
- },
-
- /**
- * 隐藏关于Editor.md
- * Hide about Editor.md dialog
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- hideInfoDialog : function() {
- $("html,body").css("overflow-x", "");
- this.infoDialog.hide();
- this.mask.hide();
- this.lockScreen(false);
-
- return this;
- },
-
- /**
- * 锁屏
- * lock screen
- *
- * @param {Boolean} lock Boolean 布尔值，是否锁屏
- * @returns {editormd} 返回editormd的实例对象
- */
-
- lockScreen : function(lock) {
- editormd.lockScreen(lock);
- this.resize();
-
- return this;
- },
-
- /**
- * 编辑器界面重建，用于动态语言包或模块加载等
- * Recreate editor
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- recreate : function() {
- var editor = this.editor;
- var settings = this.settings;
-
- this.codeMirror.remove();
-
- this.setCodeMirror();
-
- if (!settings.readOnly)
- {
- if (editor.find(".editormd-dialog").length > 0) {
- editor.find(".editormd-dialog").remove();
- }
-
- if (settings.toolbar)
- {
- this.getToolbarHandles();
- this.setToolbar();
- }
- }
-
- this.loadedDisplay(true);
-
- return this;
- },
-
- /**
- * 高亮预览HTML的pre代码部分
- * highlight of preview codes
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- previewCodeHighlight : function() {
- var settings = this.settings;
- var previewContainer = this.previewContainer;
-
- if (settings.previewCodeHighlight)
- {
- previewContainer.find("pre").addClass("prettyprint linenums");
-
- if (typeof window.prettyPrint !== "undefined")
- {
- window.prettyPrint();
- }
- }
-
- return this;
- },
-
- /**
- * 解析TeX(KaTeX)科学公式
- * TeX(KaTeX) Renderer
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- katexRender : function() {
-
- if (timer === null)
- {
- return this;
- }
-
- this.previewContainer.find("." + editormd.classNames.tex).each(function(){
- var tex = $(this);
- editormd.$katex.render(tex.text(), tex[0]);
-
- tex.find(".katex").css("font-size", "1.6em");
- });
-
- return this;
- },
-
- /**
- * 解析和渲染流程图及时序图
- * FlowChart and SequenceDiagram Renderer
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- flowChartAndSequenceDiagramRender : function() {
- var $this = this;
- var settings = this.settings;
- var previewContainer = this.previewContainer;
-
- if (editormd.isIE8) {
- return this;
- }
-
- if (settings.flowChart) {
- if (flowchartTimer === null) {
- return this;
- }
-
- previewContainer.find(".flowchart").flowChart();
- }
-
- if (settings.sequenceDiagram) {
- previewContainer.find(".sequence-diagram").sequenceDiagram({theme: "simple"});
- }
-
- var preview = $this.preview;
- var codeMirror = $this.codeMirror;
- var codeView = codeMirror.find(".CodeMirror-scroll");
-
- var height = codeView.height();
- var scrollTop = codeView.scrollTop();
- var percent = (scrollTop / codeView[0].scrollHeight);
- var tocHeight = 0;
-
- preview.find(".markdown-toc-list").each(function(){
- tocHeight += $(this).height();
- });
-
- var tocMenuHeight = preview.find(".editormd-toc-menu").height();
- tocMenuHeight = (!tocMenuHeight) ? 0 : tocMenuHeight;
-
- if (scrollTop === 0)
- {
- preview.scrollTop(0);
- }
- else if (scrollTop + height >= codeView[0].scrollHeight - 16)
- {
- preview.scrollTop(preview[0].scrollHeight);
- }
- else
- {
- preview.scrollTop((preview[0].scrollHeight + tocHeight + tocMenuHeight) * percent);
- }
-
- return this;
- },
-
- /**
- * 注册键盘快捷键处理
- * Register CodeMirror keyMaps (keyboard shortcuts).
- *
- * @param {Object} keyMap KeyMap key/value {"(Ctrl/Shift/Alt)-Key" : function(){}}
- * @returns {editormd} return this
- */
-
- registerKeyMaps : function(keyMap) {
-
- var _this = this;
- var cm = this.cm;
- var settings = this.settings;
- var toolbarHandlers = editormd.toolbarHandlers;
- var disabledKeyMaps = settings.disabledKeyMaps;
-
- keyMap = keyMap || null;
-
- if (keyMap)
- {
- for (var i in keyMap)
- {
- if ($.inArray(i, disabledKeyMaps) < 0)
- {
- var map = {};
- map[i] = keyMap[i];
-
- cm.addKeyMap(keyMap);
- }
- }
- }
- else
- {
- for (var k in editormd.keyMaps)
- {
- var _keyMap = editormd.keyMaps[k];
- var handle = (typeof _keyMap === "string") ? $.proxy(toolbarHandlers[_keyMap], _this) : $.proxy(_keyMap, _this);
-
- if ($.inArray(k, ["F9", "F10", "F11"]) < 0 && $.inArray(k, disabledKeyMaps) < 0)
- {
- var _map = {};
- _map[k] = handle;
-
- cm.addKeyMap(_map);
- }
- }
-
- $(window).keydown(function(event) {
-
- var keymaps = {
- "120" : "F9",
- "121" : "F10",
- "122" : "F11"
- };
-
- if ( $.inArray(keymaps[event.keyCode], disabledKeyMaps) < 0 )
- {
- switch (event.keyCode)
- {
- case 120:
- $.proxy(toolbarHandlers["watch"], _this)();
- event.stopPropagation();
- break;
-
- case 121:
- $.proxy(toolbarHandlers["preview"], _this)();
- event.stopPropagation();
- break;
-
- case 122:
- $.proxy(toolbarHandlers["fullscreen"], _this)();
- event.stopPropagation();
- break;
-
- default:
- break;
- }
- }
- });
- }
-
- return this;
- },
-
- /**
- * 绑定同步滚动
- *
- * @returns {editormd} return this
- */
-
- bindScrollEvent : function() {
-
- var _this = this;
- var preview = this.preview;
- var settings = this.settings;
- var codeMirror = this.codeMirror;
- var mouseOrTouch = editormd.mouseOrTouch;
-
- if (!settings.syncScrolling) {
- return this;
- }
-
- var cmBindScroll = function() {
- codeMirror.find(".CodeMirror-scroll").bind(mouseOrTouch("scroll", "touchmove"), function(event) {
- var height = $(this).height();
- var scrollTop = $(this).scrollTop();
- var percent = (scrollTop / $(this)[0].scrollHeight);
-
- var tocHeight = 0;
-
- preview.find(".markdown-toc-list").each(function(){
- tocHeight += $(this).height();
- });
-
- var tocMenuHeight = preview.find(".editormd-toc-menu").height();
- tocMenuHeight = (!tocMenuHeight) ? 0 : tocMenuHeight;
-
- if (scrollTop === 0)
- {
- preview.scrollTop(0);
- }
- else if (scrollTop + height >= $(this)[0].scrollHeight - 16)
- {
- preview.scrollTop(preview[0].scrollHeight);
- }
- else
- {
- preview.scrollTop((preview[0].scrollHeight + tocHeight + tocMenuHeight) * percent);
- }
-
- $.proxy(settings.onscroll, _this)(event);
- });
- };
-
- var cmUnbindScroll = function() {
- codeMirror.find(".CodeMirror-scroll").unbind(mouseOrTouch("scroll", "touchmove"));
- };
-
- var previewBindScroll = function() {
-
- preview.bind(mouseOrTouch("scroll", "touchmove"), function(event) {
- var height = $(this).height();
- var scrollTop = $(this).scrollTop();
- var percent = (scrollTop / $(this)[0].scrollHeight);
- var codeView = codeMirror.find(".CodeMirror-scroll");
-
- if(scrollTop === 0)
- {
- codeView.scrollTop(0);
- }
- else if (scrollTop + height >= $(this)[0].scrollHeight)
- {
- codeView.scrollTop(codeView[0].scrollHeight);
- }
- else
- {
- codeView.scrollTop(codeView[0].scrollHeight * percent);
- }
-
- $.proxy(settings.onpreviewscroll, _this)(event);
- });
-
- };
-
- var previewUnbindScroll = function() {
- preview.unbind(mouseOrTouch("scroll", "touchmove"));
- };
-
- codeMirror.bind({
- mouseover : cmBindScroll,
- mouseout : cmUnbindScroll,
- touchstart : cmBindScroll,
- touchend : cmUnbindScroll
- });
-
- if (settings.syncScrolling === "single") {
- return this;
- }
-
- preview.bind({
- mouseover : previewBindScroll,
- mouseout : previewUnbindScroll,
- touchstart : previewBindScroll,
- touchend : previewUnbindScroll
- });
-
- return this;
- },
-
- bindChangeEvent : function() {
-
- var _this = this;
- var cm = this.cm;
- var settings = this.settings;
-
- if (!settings.syncScrolling) {
- return this;
- }
-
- cm.on("change", function() {
- if (settings.watch)
- {
- _this.previewContainer.css("padding", settings.autoHeight ? "20px 20px 50px 40px" : "20px");
- }
-
- timer = setTimeout(function() {
- clearTimeout(timer);
- _this.save();
- timer = null;
- }, settings.delay);
- });
-
- return this;
- },
-
- /**
- * 加载队列完成之后的显示处理
- * Display handle of the module queues loaded after.
- *
- * @param {Boolean} recreate 是否为重建编辑器
- * @returns {editormd} 返回editormd的实例对象
- */
-
- loadedDisplay : function(recreate) {
-
- recreate = recreate || false;
-
- var _this = this;
- var editor = this.editor;
- var preview = this.preview;
- var settings = this.settings;
-
- this.containerMask.hide();
-
- this.save();
-
- if (settings.watch) {
- preview.show();
- }
-
- editor.data("oldWidth", editor.width()).data("oldHeight", editor.height()); // 为了兼容Zepto
-
- this.resize();
- this.registerKeyMaps();
-
- $(window).resize(function(){
- _this.resize();
- });
-
- this.bindScrollEvent().bindChangeEvent();
-
- if (!recreate)
- {
- $.proxy(settings.onload, this)();
- }
-
- this.state.loaded = true;
-
- return this;
- },
-
- /**
- * 设置编辑器的宽度
- * Set editor width
- *
- * @param {Number|String} width 编辑器宽度值
- * @returns {editormd} 返回editormd的实例对象
- */
-
- width : function(width) {
-
- this.editor.css("width", (typeof width === "number") ? width + "px" : width);
- this.resize();
-
- return this;
- },
-
- /**
- * 设置编辑器的高度
- * Set editor height
- *
- * @param {Number|String} height 编辑器高度值
- * @returns {editormd} 返回editormd的实例对象
- */
-
- height : function(height) {
-
- this.editor.css("height", (typeof height === "number") ? height + "px" : height);
- this.resize();
-
- return this;
- },
-
- /**
- * 调整编辑器的尺寸和布局
- * Resize editor layout
- *
- * @param {Number|String} [width=null] 编辑器宽度值
- * @param {Number|String} [height=null] 编辑器高度值
- * @returns {editormd} 返回editormd的实例对象
- */
-
- resize : function(width, height) {
-
- width = width || null;
- height = height || null;
-
- var state = this.state;
- var editor = this.editor;
- var preview = this.preview;
- var toolbar = this.toolbar;
- var settings = this.settings;
- var codeMirror = this.codeMirror;
-
- if (width)
- {
- editor.css("width", (typeof width === "number") ? width + "px" : width);
- }
-
- if (settings.autoHeight && !state.fullscreen && !state.preview)
- {
- editor.css("height", "auto");
- codeMirror.css("height", "auto");
- }
- else
- {
- if (height)
- {
- editor.css("height", (typeof height === "number") ? height + "px" : height);
- }
-
- if (state.fullscreen)
- {
- editor.height($(window).height());
- }
-
- if (settings.toolbar && !settings.readOnly)
- {
- codeMirror.css("margin-top", toolbar.height() + 1).height(editor.height() - toolbar.height());
- }
- else
- {
- codeMirror.css("margin-top", 0).height(editor.height());
- }
- }
-
- if(settings.watch)
- {
- codeMirror.width((editor.width() / 2) - 1);
- preview.width((!state.preview) ? editor.width() / 2 : editor.width());
-
- this.previewContainer.css("padding", settings.autoHeight ? "20px 20px 50px 40px" : "20px");
-
- if (settings.toolbar && !settings.readOnly)
- {
- preview.css("top", toolbar.height() + 1);
- }
- else
- {
- preview.css("top", 0);
- }
-
- if (settings.autoHeight && !state.fullscreen && !state.preview)
- {
- preview.height("");
- }
- else
- {
- var previewHeight = (settings.toolbar && !settings.readOnly) ? editor.height() - toolbar.height() : editor.height();
-
- preview.height(previewHeight);
- }
- }
- else
- {
- codeMirror.width(editor.width());
- preview.hide();
- }
-
- if (state.loaded)
- {
- $.proxy(settings.onresize, this)();
- }
-
- return this;
- },
-
- /**
- * 解析和保存Markdown代码
- * Parse & Saving Markdown source code
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- save : function() {
-
- if (timer === null)
- {
- return this;
- }
-
- var _this = this;
- var state = this.state;
- var settings = this.settings;
- var cm = this.cm;
- var cmValue = cm.getValue();
- var previewContainer = this.previewContainer;
-
- if (settings.mode !== "gfm" && settings.mode !== "markdown")
- {
- this.markdownTextarea.val(cmValue);
-
- return this;
- }
-
- var marked = editormd.$marked;
- var markdownToC = this.markdownToC = [];
- var rendererOptions = this.markedRendererOptions = {
- toc : settings.toc,
- tocm : settings.tocm,
- tocStartLevel : settings.tocStartLevel,
- pageBreak : settings.pageBreak,
- taskList : settings.taskList,
- emoji : settings.emoji,
- tex : settings.tex,
- atLink : settings.atLink, // for @link
- emailLink : settings.emailLink, // for mail address auto link
- flowChart : settings.flowChart,
- sequenceDiagram : settings.sequenceDiagram,
- previewCodeHighlight : settings.previewCodeHighlight,
- };
-
- var markedOptions = this.markedOptions = {
- renderer : editormd.markedRenderer(markdownToC, rendererOptions),
- gfm : true,
- tables : true,
- breaks : true,
- pedantic : false,
- sanitize : (settings.htmlDecode) ? false : true, // 关闭忽略HTML标签，即开启识别HTML标签，默认为false
- smartLists : true,
- smartypants : true
- };
-
- marked.setOptions(markedOptions);
-
- var newMarkdownDoc = editormd.$marked(cmValue, markedOptions);
- newMarkdownDoc = editormd.filterHTMLTags(newMarkdownDoc, settings.htmlDecode);
-
- this.markdownTextarea.text(cmValue);
-
- cm.save();
-
- if (settings.saveHTMLToTextarea)
- {
- this.htmlTextarea.text(newMarkdownDoc);
- }
-
- if(settings.watch || (!settings.watch && state.preview))
- {
- previewContainer.html(newMarkdownDoc);
-
- previewContainer.find(".task-list-item").each(function () {
- $(this).parent().addClass("task-list");
- });
-
- this.previewCodeHighlight();
-
- if (settings.toc)
- {
- var tocContainer = (settings.tocContainer === "") ? previewContainer : $(settings.tocContainer);
- var tocMenu = tocContainer.find("." + this.classPrefix + "toc-menu");
-
- tocContainer.attr("previewContainer", (settings.tocContainer === "") ? "true" : "false");
-
- if (settings.tocContainer !== "" && tocMenu.length > 0)
- {
- tocMenu.remove();
- }
-
- editormd.markdownToCRenderer(markdownToC, tocContainer, settings.tocDropdown, settings.tocStartLevel);
-
- if (settings.tocDropdown || tocContainer.find("." + this.classPrefix + "toc-menu").length > 0)
- {
- editormd.tocDropdownMenu(tocContainer, (settings.tocTitle !== "") ? settings.tocTitle : this.lang.tocTitle);
- }
-
- if (settings.tocContainer !== "")
- {
- previewContainer.find(".markdown-toc").css("border", "none");
- }
- }
-
- if (settings.tex)
- {
- if (!editormd.kaTeXLoaded && settings.autoLoadModules)
- {
- editormd.loadKaTeX(function() {
- editormd.$katex = katex;
- editormd.kaTeXLoaded = true;
- _this.katexRender();
- });
- }
- else
- {
- editormd.$katex = katex;
- this.katexRender();
- }
- }
-
- if (settings.flowChart || settings.sequenceDiagram)
- {
- flowchartTimer = setTimeout(function(){
- clearTimeout(flowchartTimer);
- _this.flowChartAndSequenceDiagramRender();
- flowchartTimer = null;
- }, 10);
- }
-
- if (state.loaded)
- {
- $.proxy(settings.onchange, this)();
- }
- }
-
- return this;
- },
-
- /**
- * 聚焦光标位置
- * Focusing the cursor position
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- focus : function() {
- this.cm.focus();
-
- return this;
- },
-
- /**
- * 设置光标的位置
- * Set cursor position
- *
- * @param {Object} cursor 要设置的光标位置键值对象，例：{line:1, ch:0}
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setCursor : function(cursor) {
- this.cm.setCursor(cursor);
-
- return this;
- },
-
- /**
- * 获取当前光标的位置
- * Get the current position of the cursor
- *
- * @returns {Cursor} 返回一个光标Cursor对象
- */
-
- getCursor : function() {
- return this.cm.getCursor();
- },
-
- /**
- * 设置光标选中的范围
- * Set cursor selected ranges
- *
- * @param {Object} from 开始位置的光标键值对象，例：{line:1, ch:0}
- * @param {Object} to 结束位置的光标键值对象，例：{line:1, ch:0}
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setSelection : function(from, to) {
-
- this.cm.setSelection(from, to);
-
- return this;
- },
-
- /**
- * 获取光标选中的文本
- * Get the texts from cursor selected
- *
- * @returns {String} 返回选中文本的字符串形式
- */
-
- getSelection : function() {
- return this.cm.getSelection();
- },
-
- /**
- * 设置光标选中的文本范围
- * Set the cursor selection ranges
- *
- * @param {Array} ranges cursor selection ranges array
- * @returns {Array} return this
- */
-
- setSelections : function(ranges) {
- this.cm.setSelections(ranges);
-
- return this;
- },
-
- /**
- * 获取光标选中的文本范围
- * Get the cursor selection ranges
- *
- * @returns {Array} return selection ranges array
- */
-
- getSelections : function() {
- return this.cm.getSelections();
- },
-
- /**
- * 替换当前光标选中的文本或在当前光标处插入新字符
- * Replace the text at the current cursor selected or insert a new character at the current cursor position
- *
- * @param {String} value 要插入的字符值
- * @returns {editormd} 返回editormd的实例对象
- */
-
- replaceSelection : function(value) {
- this.cm.replaceSelection(value);
-
- return this;
- },
-
- /**
- * 在当前光标处插入新字符
- * Insert a new character at the current cursor position
- *
- * 同replaceSelection()方法
- * With the replaceSelection() method
- *
- * @param {String} value 要插入的字符值
- * @returns {editormd} 返回editormd的实例对象
- */
-
- insertValue : function(value) {
- this.replaceSelection(value);
-
- return this;
- },
-
- /**
- * 追加markdown
- * append Markdown to editor
- *
- * @param {String} md 要追加的markdown源文档
- * @returns {editormd} 返回editormd的实例对象
- */
-
- appendMarkdown : function(md) {
- var cm = this.cm;
-
- cm.setValue(cm.getValue() + md);
-
- return this;
- },
-
- /**
- * 设置和传入编辑器的markdown源文档
- * Set Markdown source document
- *
- * @param {String} md 要传入的markdown源文档
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setMarkdown : function(md) {
- this.cm.setValue(md || this.settings.markdown);
-
- return this;
- },
-
- /**
- * 获取编辑器的markdown源文档
- * Set Editor.md markdown/CodeMirror value
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- getMarkdown : function() {
- return this.cm.getValue();
- },
-
- /**
- * 获取编辑器的源文档
- * Get CodeMirror value
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- getValue : function() {
- return this.cm.getValue();
- },
-
- /**
- * 设置编辑器的源文档
- * Set CodeMirror value
- *
- * @param {String} value set code/value/string/text
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setValue : function(value) {
- this.cm.setValue(value);
-
- return this;
- },
-
- /**
- * 清空编辑器
- * Empty CodeMirror editor container
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- clear : function() {
- this.cm.setValue("");
-
- return this;
- },
-
- /**
- * 获取解析后存放在Textarea的HTML源码
- * Get parsed html code from Textarea
- *
- * @returns {String} 返回HTML源码
- */
-
- getHTML : function() {
- if (!this.settings.saveHTMLToTextarea)
- {
- alert("Error: settings.saveHTMLToTextarea == false");
-
- return false;
- }
-
- return this.htmlTextarea.val();
- },
-
- /**
- * getHTML()的别名
- * getHTML (alias)
- *
- * @returns {String} Return html code 返回HTML源码
- */
-
- getTextareaSavedHTML : function() {
- return this.getHTML();
- },
-
- /**
- * 获取预览窗口的HTML源码
- * Get html from preview container
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- getPreviewedHTML : function() {
- if (!this.settings.watch)
- {
- alert("Error: settings.watch == false");
-
- return false;
- }
-
- return this.previewContainer.html();
- },
-
- /**
- * 开启实时预览
- * Enable real-time watching
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- watch : function(callback) {
- var settings = this.settings;
-
- if ($.inArray(settings.mode, ["gfm", "markdown"]) < 0)
- {
- return this;
- }
-
- this.state.watching = settings.watch = true;
- this.preview.show();
-
- if (this.toolbar)
- {
- var watchIcon = settings.toolbarIconsClass.watch;
- var unWatchIcon = settings.toolbarIconsClass.unwatch;
-
- var icon = this.toolbar.find(".fa[name=watch]");
- icon.parent().attr("title", settings.lang.toolbar.watch);
- icon.removeClass(unWatchIcon).addClass(watchIcon);
- }
-
- this.codeMirror.css("border-right", "1px solid #ddd").width(this.editor.width() / 2);
-
- timer = 0;
-
- this.save().resize();
-
- if (!settings.onwatch)
- {
- settings.onwatch = callback || function() {};
- }
-
- $.proxy(settings.onwatch, this)();
-
- return this;
- },
-
- /**
- * 关闭实时预览
- * Disable real-time watching
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- unwatch : function(callback) {
- var settings = this.settings;
- this.state.watching = settings.watch = false;
- this.preview.hide();
-
- if (this.toolbar)
- {
- var watchIcon = settings.toolbarIconsClass.watch;
- var unWatchIcon = settings.toolbarIconsClass.unwatch;
-
- var icon = this.toolbar.find(".fa[name=watch]");
- icon.parent().attr("title", settings.lang.toolbar.unwatch);
- icon.removeClass(watchIcon).addClass(unWatchIcon);
- }
-
- this.codeMirror.css("border-right", "none").width(this.editor.width());
-
- this.resize();
-
- if (!settings.onunwatch)
- {
- settings.onunwatch = callback || function() {};
- }
-
- $.proxy(settings.onunwatch, this)();
-
- return this;
- },
-
- /**
- * 显示编辑器
- * Show editor
- *
- * @param {Function} [callback=function()] 回调函数
- * @returns {editormd} 返回editormd的实例对象
- */
-
- show : function(callback) {
- callback = callback || function() {};
-
- var _this = this;
- this.editor.show(0, function() {
- $.proxy(callback, _this)();
- });
-
- return this;
- },
-
- /**
- * 隐藏编辑器
- * Hide editor
- *
- * @param {Function} [callback=function()] 回调函数
- * @returns {editormd} 返回editormd的实例对象
- */
-
- hide : function(callback) {
- callback = callback || function() {};
-
- var _this = this;
- this.editor.hide(0, function() {
- $.proxy(callback, _this)();
- });
-
- return this;
- },
-
- /**
- * 消毁并移除编辑器实例 v1.5.1+
- *
- * destroy & remove editor
- *
- * @returns {void} void 无返回值
- */
-
- destroy : function () {
- this.hide();
- this.editor.remove();
- },
-
- /**
- * 隐藏编辑器部分，只预览HTML
- * Enter preview html state
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- previewing : function() {
-
- var _this = this;
- var editor = this.editor;
- var preview = this.preview;
- var toolbar = this.toolbar;
- var settings = this.settings;
- var codeMirror = this.codeMirror;
- var previewContainer = this.previewContainer;
-
- if ($.inArray(settings.mode, ["gfm", "markdown"]) < 0) {
- return this;
- }
-
- var editorHeight = this.editor.outerHeight();
-
- if (settings.toolbar && toolbar) {
- toolbar.toggle();
- toolbar.find(".fa[name=preview]").toggleClass("active");
- }
-
- codeMirror.toggle();
-
- var escHandle = function(event) {
- if (event.shiftKey && event.keyCode === 27) {
- _this.previewed();
- }
- };
-
- if (codeMirror.css("display") === "none") // 为了兼容Zepto，而不使用codeMirror.is(":hidden")
- {
- this.state.preview = true;
-
- if (this.settings.autoHeight) {
- this.editor.css("height", editorHeight);
- }
-
- if (this.state.fullscreen) {
- preview.css("background", "#fff");
- }
-
- editor.find("." + this.classPrefix + "preview-close-btn").show().bind("click", function(){
- _this.previewed();
- });
-
- if (!settings.watch)
- {
- this.save();
- }
- else
- {
- previewContainer.css("padding", "");
- }
-
- previewContainer.addClass(this.classPrefix + "preview-active");
-
- preview.show().css({
- position : "",
- top : 0,
- width : editor.width(),
- height : (settings.autoHeight && !this.state.fullscreen) ? "auto" : editor.height()
- });
-
- if (this.state.loaded)
- {
- $.proxy(settings.onpreviewing, this)();
- }
-
- $(window).bind("keyup", escHandle);
- }
- else
- {
- $(window).unbind("keyup", escHandle);
- this.previewed();
- }
- },
-
- /**
- * 显示编辑器部分，退出只预览HTML
- * Exit preview html state
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- previewed : function() {
-
- var editor = this.editor;
- var preview = this.preview;
- var toolbar = this.toolbar;
- var settings = this.settings;
- var previewContainer = this.previewContainer;
- var previewCloseBtn = editor.find("." + this.classPrefix + "preview-close-btn");
-
- this.state.preview = false;
-
- this.codeMirror.show();
-
- if (settings.toolbar) {
- toolbar.show();
- }
-
- preview[(settings.watch) ? "show" : "hide"]();
-
- previewCloseBtn.hide().unbind("click");
-
- previewContainer.removeClass(this.classPrefix + "preview-active");
-
- if (settings.watch)
- {
- previewContainer.css("padding", "20px");
- }
-
- if (this.settings.autoHeight) {
- this.editor.css("height", "auto");
- }
-
- preview.css({
- background : null,
- position : "absolute",
- width : editor.width() / 2,
- height : (settings.autoHeight && !this.state.fullscreen) ? "auto" : editor.height() - toolbar.height(),
- top : (settings.toolbar) ? toolbar.height() : 0
- });
-
- if (this.state.loaded)
- {
- $.proxy(settings.onpreviewed, this)();
- }
-
- return this;
- },
-
- /**
- * 编辑器全屏显示
- * Fullscreen show
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- fullscreen : function() {
-
- var _this = this;
- var state = this.state;
- var editor = this.editor;
- var toolbar = this.toolbar;
- var settings = this.settings;
- var fullscreenClass = this.classPrefix + "fullscreen";
-
- if (toolbar) {
- toolbar.find(".fa[name=fullscreen]").parent().toggleClass("active");
- }
-
- var escHandle = function(event) {
- if (!event.shiftKey && event.keyCode === 27)
- {
- if (state.fullscreen)
- {
- _this.fullscreenExit();
- }
- }
- };
-
- if (!editor.hasClass(fullscreenClass))
- {
- state.fullscreen = true;
-
- $("html,body").css("overflow", "hidden");
-
- editor.css({
- width : $(window).width(),
- height : $(window).height()
- }).addClass(fullscreenClass);
-
- this.resize();
-
- $.proxy(settings.onfullscreen, this)();
-
- $(window).bind("keyup", escHandle);
- }
- else
- {
- $(window).unbind("keyup", escHandle);
- this.fullscreenExit();
- }
-
- return this;
- },
-
- /**
- * 编辑器退出全屏显示
- * Exit fullscreen state
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- fullscreenExit : function() {
-
- var editor = this.editor;
- var settings = this.settings;
- var toolbar = this.toolbar;
- var fullscreenClass = this.classPrefix + "fullscreen";
-
- this.state.fullscreen = false;
-
- if (toolbar) {
- toolbar.find(".fa[name=fullscreen]").parent().removeClass("active");
- }
-
- $("html,body").css("overflow", "");
-
- editor.css({
- width : editor.data("oldWidth"),
- height : editor.data("oldHeight")
- }).removeClass(fullscreenClass);
-
- this.resize();
-
- $.proxy(settings.onfullscreenExit, this)();
-
- return this;
- },
-
- /**
- * 加载并执行插件
- * Load and execute the plugin
- *
- * @param {String} name plugin name / function name
- * @param {String} path plugin load path
- * @returns {editormd} 返回editormd的实例对象
- */
-
- executePlugin : function(name, path) {
-
- var _this = this;
- var cm = this.cm;
- var settings = this.settings;
-
- path = settings.pluginPath + path;
-
- if (typeof define === "function")
- {
- if (typeof this[name] === "undefined")
- {
- alert("Error: " + name + " plugin is not found, you are not load this plugin.");
-
- return this;
- }
-
- this[name](cm);
-
- return this;
- }
-
- if ($.inArray(path, editormd.loadFiles.plugin) < 0)
- {
- editormd.loadPlugin(path, function() {
- editormd.loadPlugins[name] = _this[name];
- _this[name](cm);
- });
- }
- else
- {
- $.proxy(editormd.loadPlugins[name], this)(cm);
- }
-
- return this;
- },
-
- /**
- * 搜索替换
- * Search & replace
- *
- * @param {String} command CodeMirror serach commands, "find, fintNext, fintPrev, clearSearch, replace, replaceAll"
- * @returns {editormd} return this
- */
-
- search : function(command) {
- var settings = this.settings;
-
- if (!settings.searchReplace)
- {
- alert("Error: settings.searchReplace == false");
- return this;
- }
-
- if (!settings.readOnly)
- {
- this.cm.execCommand(command || "find");
- }
-
- return this;
- },
-
- searchReplace : function() {
- this.search("replace");
-
- return this;
- },
-
- searchReplaceAll : function() {
- this.search("replaceAll");
-
- return this;
- }
- };
-
- editormd.fn.init.prototype = editormd.fn;
-
- /**
- * 锁屏
- * lock screen when dialog opening
- *
- * @returns {void}
- */
-
- editormd.dialogLockScreen = function() {
- var settings = this.settings || {dialogLockScreen : true};
-
- if (settings.dialogLockScreen)
- {
- $("html,body").css("overflow", "hidden");
- this.resize();
- }
- };
-
- /**
- * 显示透明背景层
- * Display mask layer when dialog opening
- *
- * @param {Object} dialog dialog jQuery object
- * @returns {void}
- */
-
- editormd.dialogShowMask = function(dialog) {
- var editor = this.editor;
- var settings = this.settings || {dialogShowMask : true};
-
- dialog.css({
- top : ($(window).height() - dialog.height()) / 2 + "px",
- left : ($(window).width() - dialog.width()) / 2 + "px"
- });
-
- if (settings.dialogShowMask) {
- editor.children("." + this.classPrefix + "mask").css("z-index", parseInt(dialog.css("z-index")) - 1).show();
- }
- };
-
- editormd.toolbarHandlers = {
- undo : function() {
- this.cm.undo();
- },
-
- redo : function() {
- this.cm.redo();
- },
-
- bold : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- cm.replaceSelection("**" + selection + "**");
-
- if(selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 2);
- }
- },
-
- del : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- cm.replaceSelection("~~" + selection + "~~");
-
- if(selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 2);
- }
- },
-
- italic : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- cm.replaceSelection("*" + selection + "*");
-
- if(selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 1);
- }
- },
-
- quote : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- if (cursor.ch !== 0)
- {
- cm.setCursor(cursor.line, 0);
- cm.replaceSelection("> " + selection);
- cm.setCursor(cursor.line, cursor.ch + 2);
- }
- else
- {
- cm.replaceSelection("> " + selection);
- }
-
- //cm.replaceSelection("> " + selection);
- //cm.setCursor(cursor.line, (selection === "") ? cursor.ch + 2 : cursor.ch + selection.length + 2);
- },
-
- ucfirst : function() {
- var cm = this.cm;
- var selection = cm.getSelection();
- var selections = cm.listSelections();
-
- cm.replaceSelection(editormd.firstUpperCase(selection));
- cm.setSelections(selections);
- },
-
- ucwords : function() {
- var cm = this.cm;
- var selection = cm.getSelection();
- var selections = cm.listSelections();
-
- cm.replaceSelection(editormd.wordsFirstUpperCase(selection));
- cm.setSelections(selections);
- },
-
- uppercase : function() {
- var cm = this.cm;
- var selection = cm.getSelection();
- var selections = cm.listSelections();
-
- cm.replaceSelection(selection.toUpperCase());
- cm.setSelections(selections);
- },
-
- lowercase : function() {
- var cm = this.cm;
- var selection = cm.getSelection();
- var selections = cm.listSelections();
-
- cm.replaceSelection(selection.toLowerCase());
- cm.setSelections(selections);
- },
-
- h1 : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- if (cursor.ch !== 0)
- {
- cm.setCursor(cursor.line, 0);
- cm.replaceSelection("# " + selection);
- cm.setCursor(cursor.line, cursor.ch + 2);
- }
- else
- {
- cm.replaceSelection("# " + selection);
- }
- },
-
- h2 : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- if (cursor.ch !== 0)
- {
- cm.setCursor(cursor.line, 0);
- cm.replaceSelection("## " + selection);
- cm.setCursor(cursor.line, cursor.ch + 3);
- }
- else
- {
- cm.replaceSelection("## " + selection);
- }
- },
-
- h3 : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- if (cursor.ch !== 0)
- {
- cm.setCursor(cursor.line, 0);
- cm.replaceSelection("### " + selection);
- cm.setCursor(cursor.line, cursor.ch + 4);
- }
- else
- {
- cm.replaceSelection("### " + selection);
- }
- },
-
- h4 : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- if (cursor.ch !== 0)
- {
- cm.setCursor(cursor.line, 0);
- cm.replaceSelection("#### " + selection);
- cm.setCursor(cursor.line, cursor.ch + 5);
- }
- else
- {
- cm.replaceSelection("#### " + selection);
- }
- },
-
- h5 : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- if (cursor.ch !== 0)
- {
- cm.setCursor(cursor.line, 0);
- cm.replaceSelection("##### " + selection);
- cm.setCursor(cursor.line, cursor.ch + 6);
- }
- else
- {
- cm.replaceSelection("##### " + selection);
- }
- },
-
- h6 : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- if (cursor.ch !== 0)
- {
- cm.setCursor(cursor.line, 0);
- cm.replaceSelection("###### " + selection);
- cm.setCursor(cursor.line, cursor.ch + 7);
- }
- else
- {
- cm.replaceSelection("###### " + selection);
- }
- },
-
- "list-ul" : function() {
- var cm = this.cm;
- var selection = cm.getSelection();
-
- if (selection === "")
- {
- cm.replaceSelection("- " + selection);
- }
- else
- {
- var selectionText = selection.split("\n");
-
- for (var i = 0, len = selectionText.length; i < len; i++)
- {
- selectionText[i] = (selectionText[i] === "") ? "" : "- " + selectionText[i];
- }
-
- cm.replaceSelection(selectionText.join("\n"));
- }
- },
-
- "list-ol" : function() {
- var cm = this.cm;
- var selection = cm.getSelection();
-
- if(selection === "")
- {
- cm.replaceSelection("1. " + selection);
- }
- else
- {
- var selectionText = selection.split("\n");
-
- for (var i = 0, len = selectionText.length; i < len; i++)
- {
- selectionText[i] = (selectionText[i] === "") ? "" : (i+1) + ". " + selectionText[i];
- }
-
- cm.replaceSelection(selectionText.join("\n"));
- }
- },
-
- hr : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
-
- cm.replaceSelection(((cursor.ch !== 0) ? "\n\n" : "\n") + "------------\n\n");
- },
-
- tex : function() {
- if (!this.settings.tex)
- {
- alert("settings.tex === false");
- return this;
- }
-
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- cm.replaceSelection("$$" + selection + "$$");
-
- if(selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 2);
- }
- },
-
- link : function() {
- this.executePlugin("linkDialog", "link-dialog/link-dialog");
- },
-
- "reference-link" : function() {
- this.executePlugin("referenceLinkDialog", "reference-link-dialog/reference-link-dialog");
- },
-
- pagebreak : function() {
- if (!this.settings.pageBreak)
- {
- alert("settings.pageBreak === false");
- return this;
- }
-
- var cm = this.cm;
-
- cm.replaceSelection("\r\n[========]\r\n");
- },
-
- image : function() {
- this.executePlugin("imageDialog", "image-dialog/image-dialog");
- },
-
- code : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- cm.replaceSelection("`" + selection + "`");
-
- if (selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 1);
- }
- },
-
- "code-block" : function() {
- this.executePlugin("codeBlockDialog", "code-block-dialog/code-block-dialog");
- },
-
- "preformatted-text" : function() {
- this.executePlugin("preformattedTextDialog", "preformatted-text-dialog/preformatted-text-dialog");
- },
-
- table : function() {
- this.executePlugin("tableDialog", "table-dialog/table-dialog");
- },
-
- datetime : function() {
- var cm = this.cm;
- var langName = this.settings.lang.name;
- var datefmt = editormd.dateFormat() + " " + editormd.dateFormat((langName === "zh-cn" || langName === "zh-tw") ? "cn-week-day" : "week-day");
-
- cm.replaceSelection(datefmt);
- },
-
- emoji : function() {
- this.executePlugin("emojiDialog", "emoji-dialog/emoji-dialog");
- },
-
- "html-entities" : function() {
- this.executePlugin("htmlEntitiesDialog", "html-entities-dialog/html-entities-dialog");
- },
-
- "goto-line" : function() {
- this.executePlugin("gotoLineDialog", "goto-line-dialog/goto-line-dialog");
- },
-
- watch : function() {
- this[this.settings.watch ? "unwatch" : "watch"]();
- },
-
- preview : function() {
- this.previewing();
- },
-
- fullscreen : function() {
- this.fullscreen();
- },
-
- clear : function() {
- this.clear();
- },
-
- search : function() {
- this.search();
- },
-
- help : function() {
- this.executePlugin("helpDialog", "help-dialog/help-dialog");
- },
-
- info : function() {
- this.showInfoDialog();
- }
- };
-
- // var isMac = navigator.platform.toUpperCase().indexOf("MAC") >= 0;
- // var key = isMac ? "Cmd" : "Ctrl";
-
- editormd.keyMaps = {
- "Ctrl-1" : "h1",
- "Ctrl-2" : "h2",
- "Ctrl-3" : "h3",
- "Ctrl-4" : "h4",
- "Ctrl-5" : "h5",
- "Ctrl-6" : "h6",
- "Ctrl-B" : "bold", // if this is string == editormd.toolbarHandlers.xxxx
- "Ctrl-D" : "datetime",
- "Ctrl-E" : function() { // emoji
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- if (!this.settings.emoji)
- {
- alert("Error: settings.emoji == false");
- return ;
- }
-
- cm.replaceSelection(":" + selection + ":");
-
- if (selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 1);
- }
- },
- "Ctrl-Alt-G" : "goto-line",
- "Ctrl-H" : "hr",
- "Ctrl-I" : "italic",
- "Ctrl-K" : "code",
- "Ctrl-L" : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- var title = (selection === "") ? "" : " \""+selection+"\"";
-
- cm.replaceSelection("[" + selection + "]("+title+")");
-
- if (selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 1);
- }
- },
- "Ctrl-U" : "list-ul",
- "Shift-Ctrl-A" : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- if (!this.settings.atLink)
- {
- alert("Error: settings.atLink == false");
- return ;
- }
-
- cm.replaceSelection("@" + selection);
-
- if (selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 1);
- }
- },
- "Shift-Ctrl-C" : "code",
- "Shift-Ctrl-Q" : "quote",
- "Shift-Ctrl-S" : "del",
- "Shift-Ctrl-K" : "tex", // KaTeX
- "Shift-Alt-C" : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- cm.replaceSelection(["```", selection, "```"].join("\n"));
-
- if (selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 3);
- }
- },
- "Shift-Ctrl-Alt-C" : "code-block",
- "Shift-Ctrl-H" : "html-entities",
- "Shift-Alt-H" : "help",
- "Shift-Ctrl-E" : "emoji",
- "Shift-Ctrl-U" : "uppercase",
- "Shift-Alt-U" : "ucwords",
- "Shift-Ctrl-Alt-U" : "ucfirst",
- "Shift-Alt-L" : "lowercase",
- "Shift-Ctrl-I" : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- var title = (selection === "") ? "" : " \"" + selection + "\"";
-
- cm.replaceSelection("![" + selection + "](" + title + ")");
-
- if (selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 4);
- }
- },
- "Shift-Ctrl-Alt-I" : "image",
- "Shift-Ctrl-L" : "link",
- "Shift-Ctrl-O" : "list-ol",
- "Shift-Ctrl-P" : "preformatted-text",
- "Shift-Ctrl-T" : "table",
- "Shift-Alt-P" : "pagebreak",
- "F9" : "watch",
- "F10" : "preview",
- "F11" : "fullscreen",
- };
-
- /**
- * 清除字符串两边的空格
- * Clear the space of strings both sides.
- *
- * @param {String} str string
- * @returns {String} trimed string
- */
-
- var trim = function(str) {
- return (!String.prototype.trim) ? str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "") : str.trim();
- };
-
- editormd.trim = trim;
-
- /**
- * 所有单词首字母大写
- * Words first to uppercase
- *
- * @param {String} str string
- * @returns {String} string
- */
-
- var ucwords = function (str) {
- return str.toLowerCase().replace(/\b(\w)|\s(\w)/g, function($1) {
- return $1.toUpperCase();
- });
- };
-
- editormd.ucwords = editormd.wordsFirstUpperCase = ucwords;
-
- /**
- * 字符串首字母大写
- * Only string first char to uppercase
- *
- * @param {String} str string
- * @returns {String} string
- */
-
- var firstUpperCase = function(str) {
- return str.toLowerCase().replace(/\b(\w)/, function($1){
- return $1.toUpperCase();
- });
- };
-
- editormd.firstUpperCase = editormd.ucfirst = firstUpperCase;
-
- editormd.urls = {
- atLinkBase : "https://github.com/"
- };
-
- editormd.regexs = {
- atLink : /@(\w+)/g,
- email : /(\w+)@(\w+)\.(\w+)\.?(\w+)?/g,
- emailLink : /(mailto:)?([\w\.\_]+)@(\w+)\.(\w+)\.?(\w+)?/g,
- emoji : /:([\w\+-]+):/g,
- emojiDatetime : /(\d{1,2}:\d{1,2}:\d{1,2})/g,
- twemoji : /:(tw-([\w]+)-?(\w+)?):/g,
- fontAwesome : /:(fa-([\w]+)(-(\w+)){0,}):/g,
- editormdLogo : /:(editormd-logo-?(\w+)?):/g,
- pageBreak : /^\[[=]{8,}\]$/
- };
-
- // Emoji graphics files url path
- editormd.emoji = {
- path : "https://www.webpagefx.com/tools/emoji-cheat-sheet/graphics/emojis/",
- ext : ".png"
- };
-
- // Twitter Emoji (Twemoji) graphics files url path
- editormd.twemoji = {
- path : "http://twemoji.maxcdn.com/36x36/",
- ext : ".png"
- };
-
- /**
- * 自定义marked的解析器
- * Custom Marked renderer rules
- *
- * @param {Array} markdownToC 传入用于接收TOC的数组
- * @returns {Renderer} markedRenderer 返回marked的Renderer自定义对象
- */
-
- editormd.markedRenderer = function(markdownToC, options) {
- var defaults = {
- toc : true, // Table of contents
- tocm : false,
- tocStartLevel : 1, // Said from H1 to create ToC
- pageBreak : true,
- atLink : true, // for @link
- emailLink : true, // for mail address auto link
- taskList : false, // Enable Github Flavored Markdown task lists
- emoji : false, // :emoji: , Support Twemoji, fontAwesome, Editor.md logo emojis.
- tex : false, // TeX(LaTeX), based on KaTeX
- flowChart : false, // flowChart.js only support IE9+
- sequenceDiagram : false, // sequenceDiagram.js only support IE9+
- };
-
- var _headingIds = [];
- var settings = $.extend(defaults, options || {});
- var marked = editormd.$marked;
- var markedRenderer = new marked.Renderer();
- markdownToC = markdownToC || [];
-
- var regexs = editormd.regexs;
- var atLinkReg = regexs.atLink;
- var emojiReg = regexs.emoji;
- var emailReg = regexs.email;
- var emailLinkReg = regexs.emailLink;
- var twemojiReg = regexs.twemoji;
- var faIconReg = regexs.fontAwesome;
- var editormdLogoReg = regexs.editormdLogo;
- var pageBreakReg = regexs.pageBreak;
-
- markedRenderer.emoji = function(text) {
-
- text = text.replace(editormd.regexs.emojiDatetime, function($1) {
- return $1.replace(/:/g, ":");
- });
-
- var matchs = text.match(emojiReg);
-
- if (!matchs || !settings.emoji) {
- return text;
- }
-
- for (var i = 0, len = matchs.length; i < len; i++)
- {
- if (matchs[i] === ":+1:") {
- matchs[i] = ":\\+1:";
- }
-
- text = text.replace(new RegExp(matchs[i]), function($1) {
- var faMatchs = $1.match(faIconReg);
- var name = $1.replace(/:/g, "");
-
- if (faMatchs)
- {
- for (var fa = 0, len1 = faMatchs.length; fa < len1; fa++)
- {
- var faName = faMatchs[fa].replace(/:/g, "");
-
- return "";
- }
- }
- else
- {
- var emdlogoMathcs = $1.match(editormdLogoReg);
- var twemojiMatchs = $1.match(twemojiReg);
-
- if (emdlogoMathcs)
- {
- for (var x = 0, len2 = emdlogoMathcs.length; x < len2; x++)
- {
- var logoName = emdlogoMathcs[x].replace(/:/g, "");
- return "";
- }
- }
- else if (twemojiMatchs)
- {
- for (var t = 0, len3 = twemojiMatchs.length; t < len3; t++)
- {
- var twe = twemojiMatchs[t].replace(/:/g, "").replace("tw-", "");
- return "",
- "
",
- "",
- "" + editormd.title + "v" + editormd.version + "
", - "" + this.lang.description + "
", - "", - "Copyright © 2015-" + editormd.dateFormat('yyyy') + " Pandao, The MIT License.
", - ""; - } - - return text; - }; - - 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 - { - - return marked.Renderer.prototype.code.apply(this, arguments); - } - }; - - 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"; - }; - - markedRenderer.listitem = function(text, task) { - if (settings.taskList && task) { - text = text.replace("" + this.atLink(this.emoji(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) {
-
- if (typeof html !== "string") {
- html = html.toString();
- }
-
- if (typeof filters !== "string") {
- return html;
- }
-
- var expression = filters.split("|");
- var filterTags = expression[0].split(",");
- var attrs = expression[1];
-
- 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"), "");
- }
-
- //return html;
-
- if (typeof attrs !== "undefined")
- {
- var htmlTagRegex = /\<(\w+)\s*([^\>]*)\>([^\>]*)\<\/(\w+)\>/ig;
-
- if (attrs === "*")
- {
- html = html.replace(htmlTagRegex, function($1, $2, $3, $4, $5) {
- return "<" + $2 + ">" + $4 + "";
- });
- }
- else if (attrs === "on*")
- {
- html = html.replace(htmlTagRegex, function($1, $2, $3, $4, $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
- {
- 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) {
- var defaults = {
- gfm : true,
- toc : true,
- tocm : false,
- tocStartLevel : 1,
- tocTitle : "目录",
- tocDropdown : false,
- tocContainer : "",
- markdown : "",
- markdownSourceCode : false,
- htmlDecode : false,
- autoLoadKaTeX : true,
- 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,
- sequenceDiagram : false,
- previewCodeHighlight : true
- };
-
- editormd.$marked = marked;
-
- var div = $("#" + id);
- var settings = div.settings = $.extend(true, {}, defaults, options || {});
- var saveTo = div.find("textarea");
-
- 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,
- 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,
- previewCodeHighlight : settings.previewCodeHighlight,
- };
-
- var markedOptions = {
- renderer : editormd.markedRenderer(markdownToC, rendererOptions),
- gfm : settings.gfm,
- tables : true,
- breaks : true,
- pedantic : false,
- sanitize : (settings.htmlDecode) ? false : true, // 是否忽略HTML标签，即是否开启HTML标签解析，为了安全性，默认不开启
- smartLists : true,
- smartypants : true
- };
-
- markdownDoc = markdownDoc.toString();
-
- var markdownParsed = marked(markdownDoc, markedOptions);
-
- markdownParsed = editormd.filterHTMLTags(markdownParsed, settings.htmlDecode);
-
- if (settings.markdownSourceCode) {
- saveTo.text(markdownDoc);
- } else {
- saveTo.remove();
- }
-
- div.addClass("markdown-body " + this.classPrefix + "html-preview").append(markdownParsed);
-
- div.find(".task-list-item").each(function () {
- $(this).parent().addClass("task-list");
- });
-
- 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)
- {
- div.find("pre").addClass("prettyprint linenums");
- window.prettyPrint();
- }
-
- if (!editormd.isIE8)
- {
- if (settings.flowChart) {
- div.find(".flowchart").flowChart();
- }
-
- if (settings.sequenceDiagram) {
- div.find(".sequence-diagram").sequenceDiagram({theme: "simple"});
- }
- }
-
- if (settings.tex)
- {
- var katexHandle = function() {
- div.find("." + editormd.classNames.tex).each(function(){
- var tex = $(this);
- 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();
- }
- }
-
- 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 : "https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.10.1/katex.min",
- js : "https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.10.1/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,
- cached : false,
- 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 html = "- | "; + } else { + var isHeader = (/h(\d)/.test(name)); + var index = name; + + if (name === "watch" && !settings.watch) { + index = "unwatch"; + } + + var title = settings.lang.toolbar[index]; + var iconTexts = settings.toolbarIconTexts[index]; + var iconClass = settings.toolbarIconsClass[index]; + + title = (typeof title === "undefined") ? "" : title; + iconTexts = (typeof iconTexts === "undefined") ? "" : iconTexts; + iconClass = (typeof iconClass === "undefined") ? "" : iconClass; + + var menuItem = pullRight ? "
- " : "
- "; + + if (typeof settings.toolbarCustomIcons[name] !== "undefined" && typeof settings.toolbarCustomIcons[name] !== "function") { + menuItem += settings.toolbarCustomIcons[name]; + } else { + menuItem += ""; + menuItem += ""+((isHeader) ? name.toUpperCase() : ( (iconClass === "") ? iconTexts : "") ) + ""; + menuItem += ""; + } + + menuItem += " "; + + menu = pullRight ? menuItem + menu : menu + menuItem; + } + } + + toolbarMenu.html(menu); + + toolbarMenu.find("[title=\"Lowercase\"]").attr("title", settings.lang.toolbar.lowercase); + toolbarMenu.find("[title=\"ucwords\"]").attr("title", settings.lang.toolbar.ucwords); + + this.setToolbarHandler(); + this.setToolbarAutoFixed(); + + return this; + }, + + /** + * 工具栏图标事件处理对象序列 + * Get toolbar icons event handlers + * + * @param {Object} cm CodeMirror的实例对象 + * @param {String} name 要获取的事件处理器名称 + * @returns {Object} 返回处理对象序列 + */ + + dialogLockScreen : function() { + $.proxy(editormd.dialogLockScreen, this)(); + + return this; + }, + + dialogShowMask : function(dialog) { + $.proxy(editormd.dialogShowMask, this)(dialog); + + return this; + }, + + getToolbarHandles : function(name) { + var toolbarHandlers = this.toolbarHandlers = editormd.toolbarHandlers; + + return (name && typeof toolbarIconHandlers[name] !== "undefined") ? toolbarHandlers[name] : toolbarHandlers; + }, + + /** + * 工具栏图标事件处理器 + * Bind toolbar icons event handle + * + * @returns {editormd} 返回editormd的实例对象 + */ + + setToolbarHandler : function() { + var _this = this; + var settings = this.settings; + + if (!settings.toolbar || settings.readOnly) { + return this; + } + + var toolbar = this.toolbar; + var cm = this.cm; + var classPrefix = this.classPrefix; + var toolbarIcons = this.toolbarIcons = toolbar.find("." + classPrefix + "menu > li > a"); + var toolbarIconHandlers = this.getToolbarHandles(); + + toolbarIcons.bind("click", function() { + + var icon = $(this).children(".fa"); + var name = icon.attr("name"); + var cursor = cm.getCursor(); + var selection = cm.getSelection(); + + if (name === "") { + return ; + } + + _this.activeIcon = icon; + + if (typeof toolbarIconHandlers[name] !== "undefined") { + $.proxy(toolbarIconHandlers[name], _this)(cm); + } else { + if (typeof settings.toolbarHandlers[name] !== "undefined") { + $.proxy(settings.toolbarHandlers[name], _this)(cm, icon, cursor, selection); + } + } + + if (name !== "link" && + name !== "reference-link" && + name !== "image" && + name !== "code-block" && + name !== "preformatted-text" && + name !== "watch" && + name !== "preview" && + name !== "search" && + name !== "fullscreen" && + name !== "info") { + cm.focus(); + } + + return false; + + }); + + return this; + }, + + /** + * 动态创建对话框 + * Creating custom dialogs + * + * @param {Object} options 配置项键值对 Key/Value + * @returns {dialog} 返回创建的dialog的jQuery实例对象 + */ + + createDialog : function(options) { + return $.proxy(editormd.createDialog, this)(options); + }, + + /** + * 创建关于Editor.md的对话框 + * Create about Editor.md dialog + * + * @returns {editormd} 返回editormd的实例对象 + */ + + createInfoDialog : function() { + var _this = this; + var editor = this.editor; + var classPrefix = this.classPrefix; + + var infoDialogHTML = [ + "
" + 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("click", function() {
- dialog.hide().lockScreen(false).hideMask();
-
- if (!options.cached) {
- dialog.remove();
- }
- });
-
- 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("click", btn[1]);
- }
- }
-
- if (options.title !== "" && options.drag)
- {
- var posX, posY;
- var dialogHeader = dialog.children("." + classPrefix + "dialog-header");
-
- if (!options.mask) {
- dialogHeader.bind("click", function(){
- editormd.dialogZindex += 2;
- dialog.css("z-index", editormd.dialogZindex);
- });
- }
-
- var userCanSelect = function (obj) {
- obj.removeClass(classPrefix + "user-unselect").off("selectstart");
- };
-
- var userUnselect = function (obj) {
- obj.addClass(classPrefix + "user-unselect").on("selectstart", function() { // 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";
- };
-
- 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;
- });
-
- 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;
- };
-
- /**
- * 获取指定区间的随机整数
- *
- * @return {Int} int 返回随机生成的整数
- */
-
- editormd.rand = function (n, m) {
- var c = m - n + 1;
-
- return Math.floor(Math.random() * c + n);
- };
-
- /**
- * 日期时间的格式化方法
- * 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;
-
-}));
+;(function(factory) {
+ "use strict";
+
+ // CommonJS/Node.js
+ if (typeof require === "function" && typeof exports === "object" && typeof module === "object") {
+ module.exports = factory();
+ } else if (typeof define === "function") {// AMD/CMD/Sea.js
+ if (define.amd) {// for Require.js
+ /* Require.js define replace */
+ } else {
+ define(["jquery"], factory); // for Sea.js
+ }
+ } else {
+ window.editormd = factory();
+ }
+
+}(function() {
+
+ /* Require.js assignment replace */
+
+ "use strict";
+
+ var $ = (typeof (window.jQuery) !== "undefined") ? window.jQuery : window.Zepto;
+
+ if (typeof ($) === "undefined") {
+ return ;
+ }
+
+ /**
+ * editormd
+ *
+ * @param {String} id 编辑器的ID
+ * @param {Object} options 配置选项 Key/Value
+ * @returns {Object} editormd 返回editormd对象
+ */
+
+ var editormd = function (id, options) {
+ return new editormd.fn.init(id, options);
+ };
+
+ editormd.title = editormd.$name = "Editor.md";
+ editormd.version = "1.5.1";
+ editormd.homePage = "https://pandao.github.io/editor.md/";
+ editormd.classPrefix = "editormd-";
+
+ editormd.toolbarModes = {
+ full : [
+ "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", "|",
+ "goto-line", "watch", "preview", "fullscreen", "clear", "search", "|",
+ "help", "info"
+ ],
+ simple : [
+ "undo", "redo", "|",
+ "bold", "del", "italic", "quote", "uppercase", "lowercase", "|",
+ "h1", "h2", "h3", "h4", "h5", "h6", "|",
+ "list-ul", "list-ol", "hr", "|",
+ "watch", "preview", "fullscreen", "|",
+ "help", "info"
+ ],
+ mini : [
+ "undo", "redo", "|",
+ "watch", "preview", "|",
+ "help", "info"
+ ]
+ };
+
+ editormd.defaults = {
+ mode : "gfm", //gfm or markdown
+ name : "", // Form element name
+ value : "", // value for CodeMirror, if mode not gfm/markdown
+ theme : "", // Editor.md self themes, before v1.5.0 is CodeMirror theme, default empty
+ editorTheme : "default", // Editor area, this is CodeMirror theme at v1.5.0
+ previewTheme : "", // Preview area theme, default empty
+ markdown : "", // Markdown source code
+ appendMarkdown : "", // if in init textarea value not empty, append markdown to textarea
+ width : "100%",
+ height : "100%",
+ path : "./lib/", // Dependents module file directory
+ pluginPath : "", // If this empty, default use settings.path + "../plugins/"
+ delay : 300, // Delay parse markdown to html, Uint : ms
+ autoLoadModules : true, // Automatic load dependent module files
+ watch : true,
+ placeholder : "Enjoy Markdown! coding now...",
+ gotoLine : true,
+ codeFold : false,
+ autoHeight : false,
+ autoFocus : true,
+ autoCloseTags : true,
+ searchReplace : true,
+ syncScrolling : true, // true | false | "single", default true
+ readOnly : false,
+ tabSize : 4,
+ indentUnit : 4,
+ lineNumbers : true,
+ lineWrapping : true,
+ autoCloseBrackets : true,
+ showTrailingSpace : true,
+ matchBrackets : true,
+ indentWithTabs : true,
+ styleSelectedText : true,
+ matchWordHighlight : true, // options: true, false, "onselected"
+ styleActiveLine : true, // Highlight the current line
+ dialogLockScreen : false,
+ dialogShowMask : true,
+ dialogDraggable : true,
+ dialogMaskBgColor : "#fff",
+ dialogMaskOpacity : 0.1,
+ fontSize : "13px",
+ saveHTMLToTextarea : false,
+ disabledKeyMaps : [],
+
+ onload : function() {},
+ onresize : function() {},
+ onchange : function() {},
+ onwatch : null,
+ onunwatch : null,
+ onpreviewing : function() {},
+ onpreviewed : function() {},
+ onfullscreen : function() {},
+ onfullscreenExit : function() {},
+ onscroll : function() {},
+ onpreviewscroll : function() {},
+
+ imageUpload : false,
+ imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
+ imageUploadURL : "",
+ imageUploadFields : "", // append upload form fields for CRSF etc. Server-side receives the POST parameters. v1.5.1+
+ imageUploadCallback : function() {}, // set image upload finish (success or failure) callback handler v1.5.1+
+ imageUploadCallbackName : '__Editor_md_ImageUploadCallback', // upload callback name for cross-domain upload v1.5.1+
+ crossDomainUpload : false,
+ uploadCallbackURL : "",
+
+ toc : true, // Table of contents
+ tocm : false, // Using [TOCM], auto create ToC dropdown menu
+ tocTitle : "", // for ToC dropdown menu btn
+ tocDropdown : false,
+ tocContainer : "",
+ tocStartLevel : 1, // Said from H1 to create ToC
+ htmlDecode : false, // Open the HTML tag identification
+ pageBreak : true, // Enable parse page break [========]
+ atLink : true, // for @link
+ emailLink : true, // for email address auto link
+ taskList : false, // Enable Github Flavored Markdown task lists
+ emoji : false, // :emoji: , Support Github emoji, Twitter Emoji (Twemoji);
+ // Support FontAwesome icon emoji :fa-xxx: > Using fontAwesome icon web fonts;
+ // Support Editor.md logo icon emoji :editormd-logo: :editormd-logo-1x: > 1~8x;
+ tex : false, // TeX(LaTeX), based on KaTeX
+ flowChart : false, // flowChart.js only support IE9+
+ sequenceDiagram : false, // sequenceDiagram.js only support IE9+
+ previewCodeHighlight : true,
+
+ toolbar : true, // show/hide toolbar
+ toolbarAutoFixed : true, // on window scroll auto fixed position
+ toolbarIcons : "full",
+ toolbarTitles : {},
+ toolbarHandlers : {
+ ucwords : function() {
+ return editormd.toolbarHandlers.ucwords;
+ },
+ lowercase : function() {
+ return editormd.toolbarHandlers.lowercase;
+ }
+ },
+ toolbarCustomIcons : { // using html tag create toolbar icon, unused default tag.
+ lowercase : "a",
+ "ucwords" : "Aa"
+ },
+ toolbarIconsClass : {
+ undo : "fa-undo",
+ redo : "fa-repeat",
+ bold : "fa-bold",
+ del : "fa-strikethrough",
+ italic : "fa-italic",
+ quote : "fa-quote-left",
+ uppercase : "fa-font",
+ h1 : editormd.classPrefix + "bold",
+ h2 : editormd.classPrefix + "bold",
+ h3 : editormd.classPrefix + "bold",
+ h4 : editormd.classPrefix + "bold",
+ h5 : editormd.classPrefix + "bold",
+ h6 : editormd.classPrefix + "bold",
+ "list-ul" : "fa-list-ul",
+ "list-ol" : "fa-list-ol",
+ hr : "fa-minus",
+ link : "fa-link",
+ "reference-link" : "fa-anchor",
+ image : "fa-picture-o",
+ code : "fa-code",
+ "preformatted-text" : "fa-file-code-o",
+ "code-block" : "fa-file-code-o",
+ table : "fa-table",
+ datetime : "fa-clock-o",
+ emoji : "fa-smile-o",
+ "html-entities" : "fa-copyright",
+ pagebreak : "fa-newspaper-o",
+ "goto-line" : "fa-terminal", // fa-crosshairs
+ watch : "fa-eye-slash",
+ unwatch : "fa-eye",
+ preview : "fa-desktop",
+ search : "fa-search",
+ fullscreen : "fa-arrows-alt",
+ clear : "fa-eraser",
+ help : "fa-question-circle",
+ info : "fa-info-circle"
+ },
+ toolbarIconTexts : {},
+
+ lang : {
+ name : "zh-cn",
+ description : "开源在线 Markdown 编辑器";
- 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 += "Open source online Markdown editor.", + tocTitle : "目录", + toolbar : { + undo : "撤销（Ctrl+Z）", + redo : "重做（Ctrl+Y）", + bold : "粗体", + del : "删除线", + italic : "斜体", + quote : "引用", + ucwords : "将每个单词首字母转成大写", + uppercase : "将所选转换成大写", + lowercase : "将所选转换成小写", + h1 : "标题1", + h2 : "标题2", + h3 : "标题3", + h4 : "标题4", + h5 : "标题5", + h6 : "标题6", + "list-ul" : "无序列表", + "list-ol" : "有序列表", + hr : "横线", + link : "链接", + "reference-link" : "引用链接", + image : "添加图片", + code : "行内代码", + "preformatted-text" : "预格式文本 / 代码块（缩进风格）", + "code-block" : "代码块（多语言风格）", + table : "添加表格", + datetime : "日期时间", + emoji : "Emoji表情", + "html-entities" : "HTML实体字符", + pagebreak : "插入分页符", + "goto-line" : "跳转到行", + watch : "关闭实时预览", + unwatch : "开启实时预览", + preview : "全窗口预览HTML（按 Shift + ESC还原）", + fullscreen : "全屏（按ESC还原）", + clear : "清空", + search : "搜索", + help : "使用帮助", + info : "关于" + editormd.title + }, + buttons : { + enter : "确定", + cancel : "取消", + close : "关闭" + }, + dialog : { + link : { + title : "添加链接", + url : "链接地址", + urlTitle : "链接标题", + urlEmpty : "错误：请填写链接地址。" + }, + referenceLink : { + title : "添加引用链接", + name : "引用名称", + url : "链接地址", + urlId : "链接ID", + urlTitle : "链接标题", + nameEmpty: "错误：引用链接的名称不能为空。", + idEmpty : "错误：请填写引用链接的ID。", + urlEmpty : "错误：请填写引用链接的URL地址。" + }, + image : { + title : "添加图片", + url : "图片地址", + link : "图片链接", + alt : "图片描述", + uploadButton : "本地上传", + imageURLEmpty : "错误：图片地址不能为空。", + uploadFileEmpty : "错误：上传的图片不能为空。", + formatNotAllowed : "错误：只允许上传图片文件，允许上传的图片文件格式有：" + }, + preformattedText : { + title : "添加预格式文本或代码块", + emptyAlert : "错误：请填写预格式文本或代码的内容。", + placeholder : "Coding now...." + }, + codeBlock : { + title : "添加代码块", + selectLabel : "代码语言：", + selectDefaultText : "请选择代码语言", + otherLanguage : "其他语言", + unselectedLanguageAlert : "错误：请选择代码所属的语言类型。", + codeEmptyAlert : "错误：请填写代码内容。", + placeholder : "Coding now...." + }, + htmlEntities : { + title : "HTML 实体字符" + }, + help : { + title : "使用帮助" + } + } + } + }; + + editormd.classNames = { + tex : editormd.classPrefix + "tex" + }; + + editormd.dialogZindex = 99999; + + editormd.$katex = null; + editormd.$marked = null; + editormd.$CodeMirror = null; + editormd.$prettyPrint = null; + + var timer, flowchartTimer; + + editormd.prototype = editormd.fn = { + state : { + watching : false, + loaded : false, + preview : false, + fullscreen : false + }, + + /** + * 构造函数/实例初始化 + * Constructor / instance initialization + * + * @param {String} id 编辑器的ID + * @param {Object} [options={}] 配置选项 Key/Value + * @returns {editormd} 返回editormd的实例对象 + */ + + init : function (id, options) { + + options = options || {}; + + if (typeof id === "object") { + options = id; + } + + var classPrefix = this.classPrefix = editormd.classPrefix; + var settings = $.extend(true, {}, editormd.defaults, options); + + if (options.imageFormats) { + settings.imageFormats = options.imageFormats; + } + + this.settings = settings; + + id = (typeof id === "object") ? settings.id : id; + + var editor = this.editor = $("#" + id); + + this.id = id; + this.lang = settings.lang; + + var classNames = this.classNames = { + textarea : { + html : classPrefix + "html-textarea", + markdown : classPrefix + "markdown-textarea" + } + }; + + settings.pluginPath = (settings.pluginPath === "") ? settings.path + "../plugins/" : settings.pluginPath; + + this.state.watching = (settings.watch) ? true : false; + + if ( !editor.hasClass("editormd") ) { + editor.addClass("editormd"); + } + + editor.css({ + width : (typeof settings.width === "number") ? settings.width + "px" : settings.width, + height : (typeof settings.height === "number") ? settings.height + "px" : settings.height + }); + + if (settings.autoHeight) { + editor.css("height", "auto"); + } + + var markdownTextarea = this.markdownTextarea = editor.children("textarea"); + + if (markdownTextarea.length < 1) { + editor.append(""); + markdownTextarea = this.markdownTextarea = editor.children("textarea"); + } + + markdownTextarea.addClass(classNames.textarea.markdown).attr("placeholder", settings.placeholder); + + if (typeof markdownTextarea.attr("name") === "undefined" || markdownTextarea.attr("name") === "") { + markdownTextarea.attr("name", (settings.name !== "") ? settings.name : id + "-markdown-doc"); + } + + var appendElements = [ + (!settings.readOnly) ? "" : "", + ( (settings.saveHTMLToTextarea) ? "" : "" ), + "
",
+ "",
+ ""
+ ].join("\n");
+
+ editor.append(appendElements).addClass(classPrefix + "vertical");
+
+ if (settings.theme !== "") {
+ editor.addClass(classPrefix + "theme-" + settings.theme);
+ }
+
+ this.mask = editor.children("." + classPrefix + "mask");
+ this.containerMask = editor.children("." + classPrefix + "container-mask");
+
+ if (settings.markdown !== "") {
+ markdownTextarea.val(settings.markdown);
+ }
+
+ if (settings.appendMarkdown !== "") {
+ markdownTextarea.val(markdownTextarea.val() + settings.appendMarkdown);
+ }
+
+ this.htmlTextarea = editor.children("." + classNames.textarea.html);
+ this.preview = editor.children("." + classPrefix + "preview");
+ this.previewContainer = this.preview.children("." + classPrefix + "preview-container");
+
+ if (settings.previewTheme !== "") {
+ this.preview.addClass(classPrefix + "preview-theme-" + settings.previewTheme);
+ }
+
+ if (typeof define === "function" && define.amd) {
+ if (typeof window.katex !== "undefined") {
+ editormd.$katex = window.katex;
+ }
+
+ if (settings.searchReplace && !settings.readOnly) {
+ editormd.loadCSS(settings.path + "codemirror/addon/dialog/dialog");
+ editormd.loadCSS(settings.path + "codemirror/addon/search/matchesonscrollbar");
+ }
+ }
+
+ if ((typeof define === "function" && define.amd) || !settings.autoLoadModules) {
+ if (typeof window.CodeMirror !== "undefined") {
+ editormd.$CodeMirror = window.CodeMirror;
+ }
+
+ if (typeof window.marked !== "undefined") {
+ editormd.$marked = window.marked;
+ }
+
+ this.setCodeMirror().setToolbar().loadedDisplay();
+ } else {
+ this.loadQueues();
+ }
+
+ return this;
+ },
+
+ /**
+ * 所需组件加载队列
+ * Required components loading queue
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ loadQueues : function() {
+ var _this = this;
+ var settings = this.settings;
+ var loadPath = settings.path;
+
+ var loadFlowChartOrSequenceDiagram = function() {
+
+ if (editormd.isIE8) {
+ _this.loadedDisplay();
+
+ return ;
+ }
+
+ if (settings.flowChart || settings.sequenceDiagram) {
+ editormd.loadScript(loadPath + "raphael.min", function() {
+
+ editormd.loadScript(loadPath + "underscore.min", function() {
+
+ if (!settings.flowChart && settings.sequenceDiagram) {
+ editormd.loadScript(loadPath + "sequence-diagram.min", function() {
+ _this.loadedDisplay();
+ });
+ } else if (settings.flowChart && !settings.sequenceDiagram) {
+ editormd.loadScript(loadPath + "flowchart.min", function() {
+ editormd.loadScript(loadPath + "jquery.flowchart.min", function() {
+ _this.loadedDisplay();
+ });
+ });
+ } else if (settings.flowChart && settings.sequenceDiagram) {
+ editormd.loadScript(loadPath + "flowchart.min", function() {
+ editormd.loadScript(loadPath + "jquery.flowchart.min", function() {
+ editormd.loadScript(loadPath + "sequence-diagram.min", function() {
+ _this.loadedDisplay();
+ });
+ });
+ });
+ }
+ });
+
+ });
+ } else {
+ _this.loadedDisplay();
+ }
+ };
+
+ editormd.loadCSS(loadPath + "codemirror/codemirror.min");
+
+ if (settings.searchReplace && !settings.readOnly) {
+ editormd.loadCSS(loadPath + "codemirror/addon/dialog/dialog");
+ editormd.loadCSS(loadPath + "codemirror/addon/search/matchesonscrollbar");
+ }
+
+ if (settings.codeFold) {
+ editormd.loadCSS(loadPath + "codemirror/addon/fold/foldgutter");
+ }
+
+ editormd.loadScript(loadPath + "codemirror/codemirror.min", function() {
+ editormd.$CodeMirror = CodeMirror;
+
+ editormd.loadScript(loadPath + "codemirror/modes.min", function() {
+
+ editormd.loadScript(loadPath + "codemirror/addons.min", function() {
+
+ _this.setCodeMirror();
+
+ if (settings.mode !== "gfm" && settings.mode !== "markdown") {
+ _this.loadedDisplay();
+
+ return false;
+ }
+
+ _this.setToolbar();
+
+ editormd.loadScript(loadPath + "marked.min", function() {
+
+ editormd.$marked = marked;
+
+ if (settings.previewCodeHighlight) {
+ editormd.loadScript(loadPath + "prettify.min", function() {
+ loadFlowChartOrSequenceDiagram();
+ });
+ } else {
+ loadFlowChartOrSequenceDiagram();
+ }
+ });
+
+ });
+
+ });
+
+ });
+
+ return this;
+ },
+
+ /**
+ * 设置 Editor.md 的整体主题，主要是工具栏
+ * Setting Editor.md theme
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setTheme : function(theme) {
+ var editor = this.editor;
+ var oldTheme = this.settings.theme;
+ var themePrefix = this.classPrefix + "theme-";
+
+ editor.removeClass(themePrefix + oldTheme).addClass(themePrefix + theme);
+
+ this.settings.theme = theme;
+
+ return this;
+ },
+
+ /**
+ * 设置 CodeMirror（编辑区）的主题
+ * Setting CodeMirror (Editor area) theme
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setEditorTheme : function(theme) {
+ var settings = this.settings;
+ settings.editorTheme = theme;
+
+ if (theme !== "default") {
+ editormd.loadCSS(settings.path + "codemirror/theme/" + settings.editorTheme);
+ }
+
+ this.cm.setOption("theme", theme);
+
+ return this;
+ },
+
+ /**
+ * setEditorTheme() 的别名
+ * setEditorTheme() alias
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setCodeMirrorTheme : function (theme) {
+ this.setEditorTheme(theme);
+
+ return this;
+ },
+
+ /**
+ * 设置 Editor.md 的主题
+ * Setting Editor.md theme
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setPreviewTheme : function(theme) {
+ var preview = this.preview;
+ var oldTheme = this.settings.previewTheme;
+ var themePrefix = this.classPrefix + "preview-theme-";
+
+ preview.removeClass(themePrefix + oldTheme).addClass(themePrefix + theme);
+
+ this.settings.previewTheme = theme;
+
+ return this;
+ },
+
+ /**
+ * 配置和初始化CodeMirror组件
+ * CodeMirror initialization
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setCodeMirror : function() {
+ var settings = this.settings;
+ var editor = this.editor;
+
+ if (settings.editorTheme !== "default") {
+ editormd.loadCSS(settings.path + "codemirror/theme/" + settings.editorTheme);
+ }
+
+ var codeMirrorConfig = {
+ mode : settings.mode,
+ theme : settings.editorTheme,
+ tabSize : settings.tabSize,
+ dragDrop : false,
+ autofocus : settings.autoFocus,
+ autoCloseTags : settings.autoCloseTags,
+ readOnly : (settings.readOnly) ? "nocursor" : false,
+ indentUnit : settings.indentUnit,
+ lineNumbers : settings.lineNumbers,
+ lineWrapping : settings.lineWrapping,
+ extraKeys : {
+ "Ctrl-Q": function(cm) {
+ cm.foldCode(cm.getCursor());
+ }
+ },
+ foldGutter : settings.codeFold,
+ gutters : ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
+ matchBrackets : settings.matchBrackets,
+ indentWithTabs : settings.indentWithTabs,
+ styleActiveLine : settings.styleActiveLine,
+ styleSelectedText : settings.styleSelectedText,
+ autoCloseBrackets : settings.autoCloseBrackets,
+ showTrailingSpace : settings.showTrailingSpace,
+ highlightSelectionMatches : ( (!settings.matchWordHighlight) ? false : { showToken: (settings.matchWordHighlight === "onselected") ? false : /\w/ } )
+ };
+
+ this.codeEditor = this.cm = editormd.$CodeMirror.fromTextArea(this.markdownTextarea[0], codeMirrorConfig);
+ this.codeMirror = this.cmElement = editor.children(".CodeMirror");
+
+ if (settings.value !== "") {
+ this.cm.setValue(settings.value);
+ }
+
+ this.codeMirror.css({
+ fontSize : settings.fontSize,
+ width : (!settings.watch) ? "100%" : "50%"
+ });
+
+ if (settings.autoHeight) {
+ this.codeMirror.css("height", "auto");
+ this.cm.setOption("viewportMargin", Infinity);
+ }
+
+ if (!settings.lineNumbers) {
+ this.codeMirror.find(".CodeMirror-gutters").css("border-right", "none");
+ }
+
+ return this;
+ },
+
+ /**
+ * 获取CodeMirror的配置选项
+ * Get CodeMirror setting options
+ *
+ * @returns {Mixed} return CodeMirror setting option value
+ */
+
+ getCodeMirrorOption : function(key) {
+ return this.cm.getOption(key);
+ },
+
+ /**
+ * 配置和重配置CodeMirror的选项
+ * CodeMirror setting options / resettings
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setCodeMirrorOption : function(key, value) {
+
+ this.cm.setOption(key, value);
+
+ return this;
+ },
+
+ /**
+ * 添加 CodeMirror 键盘快捷键
+ * Add CodeMirror keyboard shortcuts key map
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ addKeyMap : function(map, bottom) {
+ this.cm.addKeyMap(map, bottom);
+
+ return this;
+ },
+
+ /**
+ * 移除 CodeMirror 键盘快捷键
+ * Remove CodeMirror keyboard shortcuts key map
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ removeKeyMap : function(map) {
+ this.cm.removeKeyMap(map);
+
+ return this;
+ },
+
+ /**
+ * 跳转到指定的行
+ * Goto CodeMirror line
+ *
+ * @param {String|Intiger} line line number or "first"|"last"
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ gotoLine : function (line) {
+
+ var settings = this.settings;
+
+ if (!settings.gotoLine) {
+ return this;
+ }
+
+ var cm = this.cm;
+ var count = cm.lineCount();
+ var preview = this.preview;
+
+ if (typeof line === "string") {
+ if(line === "last") {
+ line = count;
+ }
+
+ if (line === "first") {
+ line = 1;
+ }
+ }
+
+ if (typeof line !== "number") {
+ alert("Error: The line number must be an integer.");
+ return this;
+ }
+
+ line = parseInt(line) - 1;
+
+ if (line > count) {
+ alert("Error: The line number range 1-" + count);
+
+ return this;
+ }
+
+ cm.setCursor( {line : line, ch : 0} );
+
+ var scrollInfo = cm.getScrollInfo();
+ var clientHeight = scrollInfo.clientHeight;
+ var coords = cm.charCoords({line : line, ch : 0}, "local");
+
+ cm.scrollTo(null, (coords.top + coords.bottom - clientHeight) / 2);
+
+ if (settings.watch) {
+ var cmScroll = this.codeMirror.find(".CodeMirror-scroll")[0];
+ var height = $(cmScroll).height();
+ var scrollTop = cmScroll.scrollTop;
+ var percent = (scrollTop / cmScroll.scrollHeight);
+
+ if (scrollTop === 0) {
+ preview.scrollTop(0);
+ } else if (scrollTop + height >= cmScroll.scrollHeight - 16) {
+ preview.scrollTop(preview[0].scrollHeight);
+ } else {
+ preview.scrollTop(preview[0].scrollHeight * percent);
+ }
+ }
+
+ cm.focus();
+
+ return this;
+ },
+
+ /**
+ * 扩展当前实例对象，可同时设置多个或者只设置一个
+ * Extend editormd instance object, can mutil setting.
+ *
+ * @returns {editormd} this(editormd instance object.)
+ */
+
+ extend : function() {
+ if (typeof arguments[1] !== "undefined") {
+ if (typeof arguments[1] === "function") {
+ arguments[1] = $.proxy(arguments[1], this);
+ }
+
+ this[arguments[0]] = arguments[1];
+ }
+
+ if (typeof arguments[0] === "object" && typeof arguments[0].length === "undefined") {
+ $.extend(true, this, arguments[0]);
+ }
+
+ return this;
+ },
+
+ /**
+ * 设置或扩展当前实例对象，单个设置
+ * Extend editormd instance object, one by one
+ *
+ * @param {String|Object} key option key
+ * @param {String|Object} value option value
+ * @returns {editormd} this(editormd instance object.)
+ */
+
+ set : function (key, value) {
+
+ if (typeof value !== "undefined" && typeof value === "function") {
+ value = $.proxy(value, this);
+ }
+
+ this[key] = value;
+
+ return this;
+ },
+
+ /**
+ * 重新配置
+ * Resetting editor options
+ *
+ * @param {String|Object} key option key
+ * @param {String|Object} value option value
+ * @returns {editormd} this(editormd instance object.)
+ */
+
+ config : function(key, value) {
+ var settings = this.settings;
+
+ if (typeof key === "object") {
+ settings = $.extend(true, settings, key);
+ }
+
+ if (typeof key === "string") {
+ settings[key] = value;
+ }
+
+ this.settings = settings;
+ this.recreate();
+
+ return this;
+ },
+
+ /**
+ * 注册事件处理方法
+ * Bind editor event handle
+ *
+ * @param {String} eventType event type
+ * @param {Function} callback 回调函数
+ * @returns {editormd} this(editormd instance object.)
+ */
+
+ on : function(eventType, callback) {
+ var settings = this.settings;
+
+ if (typeof settings["on" + eventType] !== "undefined") {
+ settings["on" + eventType] = $.proxy(callback, this);
+ }
+
+ return this;
+ },
+
+ /**
+ * 解除事件处理方法
+ * Unbind editor event handle
+ *
+ * @param {String} eventType event type
+ * @returns {editormd} this(editormd instance object.)
+ */
+
+ off : function(eventType) {
+ var settings = this.settings;
+
+ if (typeof settings["on" + eventType] !== "undefined") {
+ settings["on" + eventType] = function(){};
+ }
+
+ return this;
+ },
+
+ /**
+ * 显示工具栏
+ * Display toolbar
+ *
+ * @param {Function} [callback=function(){}] 回调函数
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ showToolbar : function(callback) {
+ var settings = this.settings;
+
+ if(settings.readOnly) {
+ return this;
+ }
+
+ if (settings.toolbar && (this.toolbar.length < 1 || this.toolbar.find("." + this.classPrefix + "menu").html() === "") ) {
+ this.setToolbar();
+ }
+
+ settings.toolbar = true;
+
+ this.toolbar.show();
+ this.resize();
+
+ $.proxy(callback || function(){}, this)();
+
+ return this;
+ },
+
+ /**
+ * 隐藏工具栏
+ * Hide toolbar
+ *
+ * @param {Function} [callback=function(){}] 回调函数
+ * @returns {editormd} this(editormd instance object.)
+ */
+
+ hideToolbar : function(callback) {
+ var settings = this.settings;
+
+ settings.toolbar = false;
+ this.toolbar.hide();
+ this.resize();
+
+ $.proxy(callback || function(){}, this)();
+
+ return this;
+ },
+
+ /**
+ * 页面滚动时工具栏的固定定位
+ * Set toolbar in window scroll auto fixed position
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setToolbarAutoFixed : function(fixed) {
+
+ var state = this.state;
+ var editor = this.editor;
+ var toolbar = this.toolbar;
+ var settings = this.settings;
+
+ if (typeof fixed !== "undefined") {
+ settings.toolbarAutoFixed = fixed;
+ }
+
+ var autoFixedHandle = function() {
+ var $window = $(window);
+ var top = $window.scrollTop();
+
+ if (!settings.toolbarAutoFixed) {
+ return false;
+ }
+
+ if (top - editor.offset().top > 10 && top < editor.height()) {
+ toolbar.css({
+ position : "fixed",
+ width : editor.width() + "px",
+ left : ($window.width() - editor.width()) / 2 + "px"
+ });
+ } else {
+ toolbar.css({
+ position : "absolute",
+ width : "100%",
+ left : 0
+ });
+ }
+ };
+
+ if (!state.fullscreen && !state.preview && settings.toolbar && settings.toolbarAutoFixed) {
+ $(window).bind("scroll", autoFixedHandle);
+ }
+
+ return this;
+ },
+
+ /**
+ * 配置和初始化工具栏
+ * Set toolbar and Initialization
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setToolbar : function() {
+ var settings = this.settings;
+
+ if (settings.readOnly) {
+ return this;
+ }
+
+ var editor = this.editor;
+ var classPrefix = this.classPrefix;
+
+ var toolbar = this.toolbar = editor.children("." + classPrefix + "toolbar");
+
+ if (settings.toolbar && toolbar.length < 1) {
+ var toolbarHTML = "
",
+ "
"
+ ].join("\n");
+
+ editor.append(infoDialogHTML);
+
+ var infoDialog = this.infoDialog = editor.children("." + classPrefix + "dialog-info");
+
+ infoDialog.find("." + classPrefix + "dialog-close").bind("click", function() {
+ _this.hideInfoDialog();
+ });
+
+ infoDialog.css("border", (editormd.isIE8) ? "1px solid #ddd" : "").css("z-index", editormd.dialogZindex).show();
+
+ this.infoDialogPosition();
+
+ return this;
+ },
+
+ /**
+ * 关于Editor.md对话居中定位
+ * Editor.md dialog position handle
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ infoDialogPosition : function() {
+ var infoDialog = this.infoDialog;
+
+ var _infoDialogPosition = function() {
+ infoDialog.css({
+ top : ($(window).height() - infoDialog.height()) / 2 + "px",
+ left : ($(window).width() - infoDialog.width()) / 2 + "px"
+ });
+ };
+
+ _infoDialogPosition();
+
+ $(window).resize(_infoDialogPosition);
+
+ return this;
+ },
+
+ /**
+ * 显示关于Editor.md
+ * Display about Editor.md dialog
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ showInfoDialog : function() {
+
+ $("html,body").css("overflow-x", "hidden");
+
+ var editor = this.editor;
+ var settings = this.settings;
+ var infoDialog = this.infoDialog = editor.children("." + this.classPrefix + "dialog-info");
+
+ if (infoDialog.length < 1) {
+ this.createInfoDialog();
+ }
+
+ this.lockScreen(true);
+
+ this.mask.css({
+ opacity : settings.dialogMaskOpacity,
+ backgroundColor : settings.dialogMaskBgColor
+ }).show();
+
+ infoDialog.css("z-index", editormd.dialogZindex).show();
+
+ this.infoDialogPosition();
+
+ return this;
+ },
+
+ /**
+ * 隐藏关于Editor.md
+ * Hide about Editor.md dialog
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ hideInfoDialog : function() {
+ $("html,body").css("overflow-x", "");
+ this.infoDialog.hide();
+ this.mask.hide();
+ this.lockScreen(false);
+
+ return this;
+ },
+
+ /**
+ * 锁屏
+ * lock screen
+ *
+ * @param {Boolean} lock Boolean 布尔值，是否锁屏
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ lockScreen : function(lock) {
+ editormd.lockScreen(lock);
+ this.resize();
+
+ return this;
+ },
+
+ /**
+ * 编辑器界面重建，用于动态语言包或模块加载等
+ * Recreate editor
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ recreate : function() {
+ var editor = this.editor;
+ var settings = this.settings;
+
+ this.codeMirror.remove();
+
+ this.setCodeMirror();
+
+ if (!settings.readOnly) {
+ if (editor.find(".editormd-dialog").length > 0) {
+ editor.find(".editormd-dialog").remove();
+ }
+
+ if (settings.toolbar) {
+ this.getToolbarHandles();
+ this.setToolbar();
+ }
+ }
+
+ this.loadedDisplay(true);
+
+ return this;
+ },
+
+ /**
+ * 高亮预览HTML的pre代码部分
+ * highlight of preview codes
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ previewCodeHighlight : function() {
+ var settings = this.settings;
+ var previewContainer = this.previewContainer;
+
+ if (settings.previewCodeHighlight) {
+ previewContainer.find("pre").addClass("prettyprint linenums");
+
+ if (typeof window.prettyPrint !== "undefined") {
+ window.prettyPrint();
+ }
+ }
+
+ return this;
+ },
+
+ /**
+ * 解析TeX(KaTeX)科学公式
+ * TeX(KaTeX) Renderer
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ katexRender : function() {
+
+ if (timer === null) {
+ return this;
+ }
+
+ this.previewContainer.find("." + editormd.classNames.tex).each(function(){
+ var tex = $(this);
+ editormd.$katex.render(tex.text(), tex[0]);
+
+ tex.find(".katex").css("font-size", "1.6em");
+ });
+
+ return this;
+ },
+
+ /**
+ * 解析和渲染流程图及时序图
+ * FlowChart and SequenceDiagram Renderer
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ flowChartAndSequenceDiagramRender : function() {
+ var $this = this;
+ var settings = this.settings;
+ var previewContainer = this.previewContainer;
+
+ if (editormd.isIE8) {
+ return this;
+ }
+
+ if (settings.flowChart) {
+ if (flowchartTimer === null) {
+ return this;
+ }
+
+ previewContainer.find(".flowchart").flowChart();
+ }
+
+ if (settings.sequenceDiagram) {
+ previewContainer.find(".sequence-diagram").sequenceDiagram({theme: "simple"});
+ }
+
+ var preview = $this.preview;
+ var codeMirror = $this.codeMirror;
+ var codeView = codeMirror.find(".CodeMirror-scroll");
+
+ var height = codeView.height();
+ var scrollTop = codeView.scrollTop();
+ var percent = (scrollTop / codeView[0].scrollHeight);
+ var tocHeight = 0;
+
+ preview.find(".markdown-toc-list").each(function(){
+ tocHeight += $(this).height();
+ });
+
+ var tocMenuHeight = preview.find(".editormd-toc-menu").height();
+ tocMenuHeight = (!tocMenuHeight) ? 0 : tocMenuHeight;
+
+ if (scrollTop === 0) {
+ preview.scrollTop(0);
+ } else if (scrollTop + height >= codeView[0].scrollHeight - 16) {
+ preview.scrollTop(preview[0].scrollHeight);
+ } else {
+ preview.scrollTop((preview[0].scrollHeight + tocHeight + tocMenuHeight) * percent);
+ }
+
+ return this;
+ },
+
+ /**
+ * 注册键盘快捷键处理
+ * Register CodeMirror keyMaps (keyboard shortcuts).
+ *
+ * @param {Object} keyMap KeyMap key/value {"(Ctrl/Shift/Alt)-Key" : function(){}}
+ * @returns {editormd} return this
+ */
+
+ registerKeyMaps : function(keyMap) {
+
+ var _this = this;
+ var cm = this.cm;
+ var settings = this.settings;
+ var toolbarHandlers = editormd.toolbarHandlers;
+ var disabledKeyMaps = settings.disabledKeyMaps;
+
+ keyMap = keyMap || null;
+
+ if (keyMap) {
+ for (var i in keyMap) {
+ if ($.inArray(i, disabledKeyMaps) < 0) {
+ var map = {};
+ map[i] = keyMap[i];
+
+ cm.addKeyMap(keyMap);
+ }
+ }
+ } else {
+ for (var k in editormd.keyMaps) {
+ var _keyMap = editormd.keyMaps[k];
+ var handle = (typeof _keyMap === "string") ? $.proxy(toolbarHandlers[_keyMap], _this) : $.proxy(_keyMap, _this);
+
+ if ($.inArray(k, ["F9", "F10", "F11"]) < 0 && $.inArray(k, disabledKeyMaps) < 0) {
+ var _map = {};
+ _map[k] = handle;
+
+ cm.addKeyMap(_map);
+ }
+ }
+
+ $(window).keydown(function(event) {
+
+ var keymaps = {
+ "120" : "F9",
+ "121" : "F10",
+ "122" : "F11"
+ };
+
+ if ( $.inArray(keymaps[event.keyCode], disabledKeyMaps) < 0 ) {
+ switch (event.keyCode) {
+ case 120:
+ $.proxy(toolbarHandlers["watch"], _this)();
+ event.stopPropagation();
+ break;
+
+ case 121:
+ $.proxy(toolbarHandlers["preview"], _this)();
+ event.stopPropagation();
+ break;
+
+ case 122:
+ $.proxy(toolbarHandlers["fullscreen"], _this)();
+ event.stopPropagation();
+ break;
+
+ default:
+ break;
+ }
+ }
+ });
+ }
+
+ return this;
+ },
+
+ /**
+ * 绑定同步滚动
+ *
+ * @returns {editormd} return this
+ */
+
+ bindScrollEvent : function() {
+
+ var _this = this;
+ var preview = this.preview;
+ var settings = this.settings;
+ var codeMirror = this.codeMirror;
+ var mouseOrTouch = editormd.mouseOrTouch;
+
+ if (!settings.syncScrolling) {
+ return this;
+ }
+
+ var cmBindScroll = function() {
+ codeMirror.find(".CodeMirror-scroll").bind(mouseOrTouch("scroll", "touchmove"), function(event) {
+ var height = $(this).height();
+ var scrollTop = $(this).scrollTop();
+ var percent = (scrollTop / $(this)[0].scrollHeight);
+
+ var tocHeight = 0;
+
+ preview.find(".markdown-toc-list").each(function(){
+ tocHeight += $(this).height();
+ });
+
+ var tocMenuHeight = preview.find(".editormd-toc-menu").height();
+ tocMenuHeight = (!tocMenuHeight) ? 0 : tocMenuHeight;
+
+ if (scrollTop === 0) {
+ preview.scrollTop(0);
+ } else if (scrollTop + height >= $(this)[0].scrollHeight - 16) {
+ preview.scrollTop(preview[0].scrollHeight);
+ } else {
+ preview.scrollTop((preview[0].scrollHeight + tocHeight + tocMenuHeight) * percent);
+ }
+
+ $.proxy(settings.onscroll, _this)(event);
+ });
+ };
+
+ var cmUnbindScroll = function() {
+ codeMirror.find(".CodeMirror-scroll").unbind(mouseOrTouch("scroll", "touchmove"));
+ };
+
+ var previewBindScroll = function() {
+
+ preview.bind(mouseOrTouch("scroll", "touchmove"), function(event) {
+ var height = $(this).height();
+ var scrollTop = $(this).scrollTop();
+ var percent = (scrollTop / $(this)[0].scrollHeight);
+ var codeView = codeMirror.find(".CodeMirror-scroll");
+
+ if(scrollTop === 0) {
+ codeView.scrollTop(0);
+ } else if (scrollTop + height >= $(this)[0].scrollHeight) {
+ codeView.scrollTop(codeView[0].scrollHeight);
+ } else {
+ codeView.scrollTop(codeView[0].scrollHeight * percent);
+ }
+
+ $.proxy(settings.onpreviewscroll, _this)(event);
+ });
+
+ };
+
+ var previewUnbindScroll = function() {
+ preview.unbind(mouseOrTouch("scroll", "touchmove"));
+ };
+
+ codeMirror.bind({
+ mouseover : cmBindScroll,
+ mouseout : cmUnbindScroll,
+ touchstart : cmBindScroll,
+ touchend : cmUnbindScroll
+ });
+
+ if (settings.syncScrolling === "single") {
+ return this;
+ }
+
+ preview.bind({
+ mouseover : previewBindScroll,
+ mouseout : previewUnbindScroll,
+ touchstart : previewBindScroll,
+ touchend : previewUnbindScroll
+ });
+
+ return this;
+ },
+
+ bindChangeEvent : function() {
+
+ var _this = this;
+ var cm = this.cm;
+ var settings = this.settings;
+
+ if (!settings.syncScrolling) {
+ return this;
+ }
+
+ cm.on("change", function() {
+ if (settings.watch) {
+ _this.previewContainer.css("padding", settings.autoHeight ? "20px 20px 50px 40px" : "20px");
+ }
+
+ timer = setTimeout(function() {
+ clearTimeout(timer);
+ _this.save();
+ timer = null;
+ }, settings.delay);
+ });
+
+ return this;
+ },
+
+ /**
+ * 加载队列完成之后的显示处理
+ * Display handle of the module queues loaded after.
+ *
+ * @param {Boolean} recreate 是否为重建编辑器
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ loadedDisplay : function(recreate) {
+
+ recreate = recreate || false;
+
+ var _this = this;
+ var editor = this.editor;
+ var preview = this.preview;
+ var settings = this.settings;
+
+ this.containerMask.hide();
+
+ this.save();
+
+ if (settings.watch) {
+ preview.show();
+ }
+
+ editor.data("oldWidth", editor.width()).data("oldHeight", editor.height()); // 为了兼容Zepto
+
+ this.resize();
+ this.registerKeyMaps();
+
+ $(window).resize(function(){
+ _this.resize();
+ });
+
+ this.bindScrollEvent().bindChangeEvent();
+
+ if (!recreate) {
+ $.proxy(settings.onload, this)();
+ }
+
+ this.state.loaded = true;
+
+ return this;
+ },
+
+ /**
+ * 设置编辑器的宽度
+ * Set editor width
+ *
+ * @param {Number|String} width 编辑器宽度值
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ width : function(width) {
+
+ this.editor.css("width", (typeof width === "number") ? width + "px" : width);
+ this.resize();
+
+ return this;
+ },
+
+ /**
+ * 设置编辑器的高度
+ * Set editor height
+ *
+ * @param {Number|String} height 编辑器高度值
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ height : function(height) {
+
+ this.editor.css("height", (typeof height === "number") ? height + "px" : height);
+ this.resize();
+
+ return this;
+ },
+
+ /**
+ * 调整编辑器的尺寸和布局
+ * Resize editor layout
+ *
+ * @param {Number|String} [width=null] 编辑器宽度值
+ * @param {Number|String} [height=null] 编辑器高度值
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ resize : function(width, height) {
+
+ width = width || null;
+ height = height || null;
+
+ var state = this.state;
+ var editor = this.editor;
+ var preview = this.preview;
+ var toolbar = this.toolbar;
+ var settings = this.settings;
+ var codeMirror = this.codeMirror;
+
+ if (width) {
+ editor.css("width", (typeof width === "number") ? width + "px" : width);
+ }
+
+ if (settings.autoHeight && !state.fullscreen && !state.preview) {
+ editor.css("height", "auto");
+ codeMirror.css("height", "auto");
+ } else {
+ if (height) {
+ editor.css("height", (typeof height === "number") ? height + "px" : height);
+ }
+
+ if (state.fullscreen) {
+ editor.height($(window).height());
+ }
+
+ if (settings.toolbar && !settings.readOnly) {
+ codeMirror.css("margin-top", toolbar.height() + 1).height(editor.height() - toolbar.height());
+ } else {
+ codeMirror.css("margin-top", 0).height(editor.height());
+ }
+ }
+
+ if (settings.watch) {
+ codeMirror.width((editor.width() / 2) - 1);
+ preview.width((!state.preview) ? editor.width() / 2 : editor.width());
+
+ this.previewContainer.css("padding", settings.autoHeight ? "20px 20px 50px 40px" : "20px");
+
+ if (settings.toolbar && !settings.readOnly) {
+ preview.css("top", toolbar.height() + 1);
+ } else {
+ preview.css("top", 0);
+ }
+
+ if (settings.autoHeight && !state.fullscreen && !state.preview) {
+ preview.height("");
+ } else {
+ var previewHeight = (settings.toolbar && !settings.readOnly) ? editor.height() - toolbar.height() : editor.height();
+
+ preview.height(previewHeight);
+ }
+ } else {
+ codeMirror.width(editor.width());
+ preview.hide();
+ }
+
+ if (state.loaded) {
+ $.proxy(settings.onresize, this)();
+ }
+
+ return this;
+ },
+
+ /**
+ * 解析和保存Markdown代码
+ * Parse & Saving Markdown source code
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ save : function() {
+
+ if (timer === null) {
+ return this;
+ }
+
+ var _this = this;
+ var state = this.state;
+ var settings = this.settings;
+ var cm = this.cm;
+ var cmValue = cm.getValue();
+ var previewContainer = this.previewContainer;
+
+ if (settings.mode !== "gfm" && settings.mode !== "markdown") {
+ this.markdownTextarea.val(cmValue);
+
+ return this;
+ }
+
+ var marked = editormd.$marked;
+ var markdownToC = this.markdownToC = [];
+ var rendererOptions = this.markedRendererOptions = {
+ toc : settings.toc,
+ tocm : settings.tocm,
+ tocStartLevel : settings.tocStartLevel,
+ pageBreak : settings.pageBreak,
+ taskList : settings.taskList,
+ emoji : settings.emoji,
+ tex : settings.tex,
+ atLink : settings.atLink, // for @link
+ emailLink : settings.emailLink, // for mail address auto link
+ flowChart : settings.flowChart,
+ sequenceDiagram : settings.sequenceDiagram,
+ previewCodeHighlight : settings.previewCodeHighlight,
+ };
+
+ var markedOptions = this.markedOptions = {
+ renderer : editormd.markedRenderer(markdownToC, rendererOptions),
+ gfm : true,
+ tables : true,
+ breaks : true,
+ pedantic : false,
+ sanitize : (settings.htmlDecode) ? false : true, // 关闭忽略HTML标签，即开启识别HTML标签，默认为false
+ smartLists : true,
+ smartypants : true
+ };
+
+ marked.setOptions(markedOptions);
+
+ var newMarkdownDoc = editormd.$marked(cmValue, markedOptions);
+ newMarkdownDoc = editormd.filterHTMLTags(newMarkdownDoc, settings.htmlDecode);
+
+ this.markdownTextarea.text(cmValue);
+
+ cm.save();
+
+ if (settings.saveHTMLToTextarea) {
+ this.htmlTextarea.text(newMarkdownDoc);
+ }
+
+ if (settings.watch || (!settings.watch && state.preview)) {
+ previewContainer.html(newMarkdownDoc);
+
+ previewContainer.find(".task-list-item").each(function () {
+ $(this).parent().addClass("task-list");
+ });
+
+ this.previewCodeHighlight();
+
+ if (settings.toc) {
+ var tocContainer = (settings.tocContainer === "") ? previewContainer : $(settings.tocContainer);
+ var tocMenu = tocContainer.find("." + this.classPrefix + "toc-menu");
+
+ tocContainer.attr("previewContainer", (settings.tocContainer === "") ? "true" : "false");
+
+ if (settings.tocContainer !== "" && tocMenu.length > 0) {
+ tocMenu.remove();
+ }
+
+ editormd.markdownToCRenderer(markdownToC, tocContainer, settings.tocDropdown, settings.tocStartLevel);
+
+ if (settings.tocDropdown || tocContainer.find("." + this.classPrefix + "toc-menu").length > 0) {
+ editormd.tocDropdownMenu(tocContainer, (settings.tocTitle !== "") ? settings.tocTitle : this.lang.tocTitle);
+ }
+
+ if (settings.tocContainer !== "") {
+ previewContainer.find(".markdown-toc").css("border", "none");
+ }
+ }
+
+ if (settings.tex) {
+ if (!editormd.kaTeXLoaded && settings.autoLoadModules) {
+ editormd.loadKaTeX(function() {
+ editormd.$katex = katex;
+ editormd.kaTeXLoaded = true;
+ _this.katexRender();
+ });
+ } else {
+ editormd.$katex = katex;
+ this.katexRender();
+ }
+ }
+
+ if (settings.flowChart || settings.sequenceDiagram) {
+ flowchartTimer = setTimeout(function(){
+ clearTimeout(flowchartTimer);
+ _this.flowChartAndSequenceDiagramRender();
+ flowchartTimer = null;
+ }, 10);
+ }
+
+ if (state.loaded) {
+ $.proxy(settings.onchange, this)();
+ }
+ }
+
+ return this;
+ },
+
+ /**
+ * 聚焦光标位置
+ * Focusing the cursor position
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ focus : function() {
+ this.cm.focus();
+
+ return this;
+ },
+
+ /**
+ * 设置光标的位置
+ * Set cursor position
+ *
+ * @param {Object} cursor 要设置的光标位置键值对象，例：{line:1, ch:0}
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setCursor : function(cursor) {
+ this.cm.setCursor(cursor);
+
+ return this;
+ },
+
+ /**
+ * 获取当前光标的位置
+ * Get the current position of the cursor
+ *
+ * @returns {Cursor} 返回一个光标Cursor对象
+ */
+
+ getCursor : function() {
+ return this.cm.getCursor();
+ },
+
+ /**
+ * 设置光标选中的范围
+ * Set cursor selected ranges
+ *
+ * @param {Object} from 开始位置的光标键值对象，例：{line:1, ch:0}
+ * @param {Object} to 结束位置的光标键值对象，例：{line:1, ch:0}
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setSelection : function(from, to) {
+
+ this.cm.setSelection(from, to);
+
+ return this;
+ },
+
+ /**
+ * 获取光标选中的文本
+ * Get the texts from cursor selected
+ *
+ * @returns {String} 返回选中文本的字符串形式
+ */
+
+ getSelection : function() {
+ return this.cm.getSelection();
+ },
+
+ /**
+ * 设置光标选中的文本范围
+ * Set the cursor selection ranges
+ *
+ * @param {Array} ranges cursor selection ranges array
+ * @returns {Array} return this
+ */
+
+ setSelections : function(ranges) {
+ this.cm.setSelections(ranges);
+
+ return this;
+ },
+
+ /**
+ * 获取光标选中的文本范围
+ * Get the cursor selection ranges
+ *
+ * @returns {Array} return selection ranges array
+ */
+
+ getSelections : function() {
+ return this.cm.getSelections();
+ },
+
+ /**
+ * 替换当前光标选中的文本或在当前光标处插入新字符
+ * Replace the text at the current cursor selected or insert a new character at the current cursor position
+ *
+ * @param {String} value 要插入的字符值
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ replaceSelection : function(value) {
+ this.cm.replaceSelection(value);
+
+ return this;
+ },
+
+ /**
+ * 在当前光标处插入新字符
+ * Insert a new character at the current cursor position
+ *
+ * 同replaceSelection()方法
+ * With the replaceSelection() method
+ *
+ * @param {String} value 要插入的字符值
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ insertValue : function(value) {
+ this.replaceSelection(value);
+
+ return this;
+ },
+
+ /**
+ * 追加markdown
+ * append Markdown to editor
+ *
+ * @param {String} md 要追加的markdown源文档
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ appendMarkdown : function(md) {
+ var cm = this.cm;
+
+ cm.setValue(cm.getValue() + md);
+
+ return this;
+ },
+
+ /**
+ * 设置和传入编辑器的markdown源文档
+ * Set Markdown source document
+ *
+ * @param {String} md 要传入的markdown源文档
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setMarkdown : function(md) {
+ this.cm.setValue(md || this.settings.markdown);
+
+ return this;
+ },
+
+ /**
+ * 获取编辑器的markdown源文档
+ * Set Editor.md markdown/CodeMirror value
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ getMarkdown : function() {
+ return this.cm.getValue();
+ },
+
+ /**
+ * 获取编辑器的源文档
+ * Get CodeMirror value
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ getValue : function() {
+ return this.cm.getValue();
+ },
+
+ /**
+ * 设置编辑器的源文档
+ * Set CodeMirror value
+ *
+ * @param {String} value set code/value/string/text
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setValue : function(value) {
+ this.cm.setValue(value);
+
+ return this;
+ },
+
+ /**
+ * 清空编辑器
+ * Empty CodeMirror editor container
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ clear : function() {
+ this.cm.setValue("");
+
+ return this;
+ },
+
+ /**
+ * 获取解析后存放在Textarea的HTML源码
+ * Get parsed html code from Textarea
+ *
+ * @returns {String} 返回HTML源码
+ */
+
+ getHTML : function() {
+ if (!this.settings.saveHTMLToTextarea) {
+ alert("Error: settings.saveHTMLToTextarea == false");
+
+ return false;
+ }
+
+ return this.htmlTextarea.val();
+ },
+
+ /**
+ * getHTML()的别名
+ * getHTML (alias)
+ *
+ * @returns {String} Return html code 返回HTML源码
+ */
+
+ getTextareaSavedHTML : function() {
+ return this.getHTML();
+ },
+
+ /**
+ * 获取预览窗口的HTML源码
+ * Get html from preview container
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ getPreviewedHTML : function() {
+ if (!this.settings.watch) {
+ alert("Error: settings.watch == false");
+
+ return false;
+ }
+
+ return this.previewContainer.html();
+ },
+
+ /**
+ * 开启实时预览
+ * Enable real-time watching
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ watch : function(callback) {
+ var settings = this.settings;
+
+ if ($.inArray(settings.mode, ["gfm", "markdown"]) < 0) {
+ return this;
+ }
+
+ this.state.watching = settings.watch = true;
+ this.preview.show();
+
+ if (this.toolbar) {
+ var watchIcon = settings.toolbarIconsClass.watch;
+ var unWatchIcon = settings.toolbarIconsClass.unwatch;
+
+ var icon = this.toolbar.find(".fa[name=watch]");
+ icon.parent().attr("title", settings.lang.toolbar.watch);
+ icon.removeClass(unWatchIcon).addClass(watchIcon);
+ }
+
+ this.codeMirror.css("border-right", "1px solid #ddd").width(this.editor.width() / 2);
+
+ timer = 0;
+
+ this.save().resize();
+
+ if (!settings.onwatch) {
+ settings.onwatch = callback || function() {};
+ }
+
+ $.proxy(settings.onwatch, this)();
+
+ return this;
+ },
+
+ /**
+ * 关闭实时预览
+ * Disable real-time watching
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ unwatch : function(callback) {
+ var settings = this.settings;
+ this.state.watching = settings.watch = false;
+ this.preview.hide();
+
+ if (this.toolbar) {
+ var watchIcon = settings.toolbarIconsClass.watch;
+ var unWatchIcon = settings.toolbarIconsClass.unwatch;
+
+ var icon = this.toolbar.find(".fa[name=watch]");
+ icon.parent().attr("title", settings.lang.toolbar.unwatch);
+ icon.removeClass(watchIcon).addClass(unWatchIcon);
+ }
+
+ this.codeMirror.css("border-right", "none").width(this.editor.width());
+
+ this.resize();
+
+ if (!settings.onunwatch) {
+ settings.onunwatch = callback || function() {};
+ }
+
+ $.proxy(settings.onunwatch, this)();
+
+ return this;
+ },
+
+ /**
+ * 显示编辑器
+ * Show editor
+ *
+ * @param {Function} [callback=function()] 回调函数
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ show : function(callback) {
+ callback = callback || function() {};
+
+ var _this = this;
+
+ this.editor.show(0, function() {
+ $.proxy(callback, _this)();
+ });
+
+ return this;
+ },
+
+ /**
+ * 隐藏编辑器
+ * Hide editor
+ *
+ * @param {Function} [callback=function()] 回调函数
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ hide : function(callback) {
+ callback = callback || function() {};
+
+ var _this = this;
+
+ this.editor.hide(0, function() {
+ $.proxy(callback, _this)();
+ });
+
+ return this;
+ },
+
+ /**
+ * 消毁并移除编辑器实例 v1.5.1+
+ *
+ * destroy & remove editor
+ *
+ * @returns {void} void 无返回值
+ */
+
+ destroy : function () {
+ this.hide();
+ this.editor.remove();
+ },
+
+ /**
+ * 隐藏编辑器部分，只预览HTML
+ * Enter preview html state
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ previewing : function() {
+
+ var _this = this;
+ var editor = this.editor;
+ var preview = this.preview;
+ var toolbar = this.toolbar;
+ var settings = this.settings;
+ var codeMirror = this.codeMirror;
+ var previewContainer = this.previewContainer;
+
+ if ($.inArray(settings.mode, ["gfm", "markdown"]) < 0) {
+ return this;
+ }
+
+ var editorHeight = this.editor.outerHeight();
+
+ if (settings.toolbar && toolbar) {
+ toolbar.toggle();
+ toolbar.find(".fa[name=preview]").toggleClass("active");
+ }
+
+ codeMirror.toggle();
+
+ var escHandle = function(event) {
+ if (event.shiftKey && event.keyCode === 27) {
+ _this.previewed();
+ }
+ };
+
+ if (codeMirror.css("display") === "none") { // 为了兼容Zepto，而不使用codeMirror.is(":hidden")
+ this.state.preview = true;
+
+ if (this.settings.autoHeight) {
+ this.editor.css("height", editorHeight);
+ }
+
+ if (this.state.fullscreen) {
+ preview.css("background", "#fff");
+ }
+
+ editor.find("." + this.classPrefix + "preview-close-btn").show().bind("click", function(){
+ _this.previewed();
+ });
+
+ if (!settings.watch) {
+ this.save();
+ } else {
+ previewContainer.css("padding", "");
+ }
+
+ previewContainer.addClass(this.classPrefix + "preview-active");
+
+ preview.show().css({
+ position : "",
+ top : 0,
+ width : editor.width(),
+ height : (settings.autoHeight && !this.state.fullscreen) ? "auto" : editor.height()
+ });
+
+ if (this.state.loaded) {
+ $.proxy(settings.onpreviewing, this)();
+ }
+
+ $(window).bind("keyup", escHandle);
+ } else {
+ $(window).unbind("keyup", escHandle);
+ this.previewed();
+ }
+ },
+
+ /**
+ * 显示编辑器部分，退出只预览HTML
+ * Exit preview html state
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ previewed : function() {
+
+ var editor = this.editor;
+ var preview = this.preview;
+ var toolbar = this.toolbar;
+ var settings = this.settings;
+ var previewContainer = this.previewContainer;
+ var previewCloseBtn = editor.find("." + this.classPrefix + "preview-close-btn");
+
+ this.state.preview = false;
+
+ this.codeMirror.show();
+
+ if (settings.toolbar) {
+ toolbar.show();
+ }
+
+ preview[(settings.watch) ? "show" : "hide"]();
+
+ previewCloseBtn.hide().unbind("click");
+
+ previewContainer.removeClass(this.classPrefix + "preview-active");
+
+ if (settings.watch) {
+ previewContainer.css("padding", "20px");
+ }
+
+ if (this.settings.autoHeight) {
+ this.editor.css("height", "auto");
+ }
+
+ preview.css({
+ background : null,
+ position : "absolute",
+ width : editor.width() / 2,
+ height : (settings.autoHeight && !this.state.fullscreen) ? "auto" : editor.height() - toolbar.height(),
+ top : (settings.toolbar) ? toolbar.height() : 0
+ });
+
+ if (this.state.loaded) {
+ $.proxy(settings.onpreviewed, this)();
+ }
+
+ return this;
+ },
+
+ /**
+ * 编辑器全屏显示
+ * Fullscreen show
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ fullscreen : function() {
+
+ var _this = this;
+ var state = this.state;
+ var editor = this.editor;
+ var toolbar = this.toolbar;
+ var settings = this.settings;
+ var fullscreenClass = this.classPrefix + "fullscreen";
+
+ if (toolbar) {
+ toolbar.find(".fa[name=fullscreen]").parent().toggleClass("active");
+ }
+
+ var escHandle = function(event) {
+ if (!event.shiftKey && event.keyCode === 27) {
+ if (state.fullscreen) {
+ _this.fullscreenExit();
+ }
+ }
+ };
+
+ if (!editor.hasClass(fullscreenClass)) {
+ state.fullscreen = true;
+
+ $("html,body").css("overflow", "hidden");
+
+ editor.css({
+ width : $(window).width(),
+ height : $(window).height()
+ }).addClass(fullscreenClass);
+
+ this.resize();
+
+ $.proxy(settings.onfullscreen, this)();
+
+ $(window).bind("keyup", escHandle);
+ } else {
+ $(window).unbind("keyup", escHandle);
+ this.fullscreenExit();
+ }
+
+ return this;
+ },
+
+ /**
+ * 编辑器退出全屏显示
+ * Exit fullscreen state
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ fullscreenExit : function() {
+
+ var editor = this.editor;
+ var settings = this.settings;
+ var toolbar = this.toolbar;
+ var fullscreenClass = this.classPrefix + "fullscreen";
+
+ this.state.fullscreen = false;
+
+ if (toolbar) {
+ toolbar.find(".fa[name=fullscreen]").parent().removeClass("active");
+ }
+
+ $("html,body").css("overflow", "");
+
+ editor.css({
+ width : editor.data("oldWidth"),
+ height : editor.data("oldHeight")
+ }).removeClass(fullscreenClass);
+
+ this.resize();
+
+ $.proxy(settings.onfullscreenExit, this)();
+
+ return this;
+ },
+
+ /**
+ * 加载并执行插件
+ * Load and execute the plugin
+ *
+ * @param {String} name plugin name / function name
+ * @param {String} path plugin load path
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ executePlugin : function(name, path) {
+
+ var _this = this;
+ var cm = this.cm;
+ var settings = this.settings;
+
+ path = settings.pluginPath + path;
+
+ if (typeof define === "function") {
+ if (typeof this[name] === "undefined") {
+ alert("Error: " + name + " plugin is not found, you are not load this plugin.");
+
+ return this;
+ }
+
+ this[name](cm);
+
+ return this;
+ }
+
+ if ($.inArray(path, editormd.loadFiles.plugin) < 0) {
+ editormd.loadPlugin(path, function() {
+ editormd.loadPlugins[name] = _this[name];
+ _this[name](cm);
+ });
+ } else {
+ $.proxy(editormd.loadPlugins[name], this)(cm);
+ }
+
+ return this;
+ },
+
+ /**
+ * 搜索替换
+ * Search & replace
+ *
+ * @param {String} command CodeMirror serach commands, "find, fintNext, fintPrev, clearSearch, replace, replaceAll"
+ * @returns {editormd} return this
+ */
+
+ search : function(command) {
+ var settings = this.settings;
+
+ if (!settings.searchReplace) {
+ alert("Error: settings.searchReplace == false");
+ return this;
+ }
+
+ if (!settings.readOnly) {
+ this.cm.execCommand(command || "find");
+ }
+
+ return this;
+ },
+
+ searchReplace : function() {
+ this.search("replace");
+
+ return this;
+ },
+
+ searchReplaceAll : function() {
+ this.search("replaceAll");
+
+ return this;
+ }
+ };
+
+ editormd.fn.init.prototype = editormd.fn;
+
+ /**
+ * 锁屏
+ * lock screen when dialog opening
+ *
+ * @returns {void}
+ */
+
+ editormd.dialogLockScreen = function() {
+ var settings = this.settings || {dialogLockScreen : true};
+
+ if (settings.dialogLockScreen) {
+ $("html,body").css("overflow", "hidden");
+ this.resize();
+ }
+ };
+
+ /**
+ * 显示透明背景层
+ * Display mask layer when dialog opening
+ *
+ * @param {Object} dialog dialog jQuery object
+ * @returns {void}
+ */
+
+ editormd.dialogShowMask = function(dialog) {
+ var editor = this.editor;
+ var settings = this.settings || { dialogShowMask : true };
+
+ dialog.css({
+ top : ($(window).height() - dialog.height()) / 2 + "px",
+ left : ($(window).width() - dialog.width()) / 2 + "px"
+ });
+
+ if (settings.dialogShowMask) {
+ editor.children("." + this.classPrefix + "mask").css("z-index", parseInt(dialog.css("z-index")) - 1).show();
+ }
+ };
+
+ editormd.toolbarHandlers = {
+ undo : function() {
+ this.cm.undo();
+ },
+
+ redo : function() {
+ this.cm.redo();
+ },
+
+ bold : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ cm.replaceSelection("**" + selection + "**");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 2);
+ }
+ },
+
+ del : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ cm.replaceSelection("~~" + selection + "~~");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 2);
+ }
+ },
+
+ italic : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ cm.replaceSelection("*" + selection + "*");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 1);
+ }
+ },
+
+ quote : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("> " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 2);
+ } else {
+ cm.replaceSelection("> " + selection);
+ }
+ },
+
+ ucfirst : function() {
+ var cm = this.cm;
+ var selection = cm.getSelection();
+ var selections = cm.listSelections();
+
+ cm.replaceSelection(editormd.firstUpperCase(selection));
+ cm.setSelections(selections);
+ },
+
+ ucwords : function() {
+ var cm = this.cm;
+ var selection = cm.getSelection();
+ var selections = cm.listSelections();
+
+ cm.replaceSelection(editormd.wordsFirstUpperCase(selection));
+ cm.setSelections(selections);
+ },
+
+ uppercase : function() {
+ var cm = this.cm;
+ var selection = cm.getSelection();
+ var selections = cm.listSelections();
+
+ cm.replaceSelection(selection.toUpperCase());
+ cm.setSelections(selections);
+ },
+
+ lowercase : function() {
+ var cm = this.cm;
+ var selection = cm.getSelection();
+ var selections = cm.listSelections();
+
+ cm.replaceSelection(selection.toLowerCase());
+ cm.setSelections(selections);
+ },
+
+ h1 : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("# " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 2);
+ } else {
+ cm.replaceSelection("# " + selection);
+ }
+ },
+
+ h2 : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("## " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 3);
+ } else {
+ cm.replaceSelection("## " + selection);
+ }
+ },
+
+ h3 : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("### " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 4);
+ } else {
+ cm.replaceSelection("### " + selection);
+ }
+ },
+
+ h4 : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("#### " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 5);
+ } else {
+ cm.replaceSelection("#### " + selection);
+ }
+ },
+
+ h5 : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("##### " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 6);
+ } else {
+ cm.replaceSelection("##### " + selection);
+ }
+ },
+
+ h6 : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("###### " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 7);
+ } else {
+ cm.replaceSelection("###### " + selection);
+ }
+ },
+
+ "list-ul" : function() {
+ var cm = this.cm;
+ var selection = cm.getSelection();
+
+ if (selection === "") {
+ cm.replaceSelection("- " + selection);
+ } else {
+ var selectionText = selection.split("\n");
+
+ for (var i = 0, len = selectionText.length; i < len; i++) {
+ selectionText[i] = (selectionText[i] === "") ? "" : "- " + selectionText[i];
+ }
+
+ cm.replaceSelection(selectionText.join("\n"));
+ }
+ },
+
+ "list-ol" : function() {
+ var cm = this.cm;
+ var selection = cm.getSelection();
+
+ if(selection === "") {
+ cm.replaceSelection("1. " + selection);
+ } else {
+ var selectionText = selection.split("\n");
+
+ for (var i = 0, len = selectionText.length; i < len; i++) {
+ selectionText[i] = (selectionText[i] === "") ? "" : (i+1) + ". " + selectionText[i];
+ }
+
+ cm.replaceSelection(selectionText.join("\n"));
+ }
+ },
+
+ hr : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+
+ cm.replaceSelection(((cursor.ch !== 0) ? "\n\n" : "\n") + "------------\n\n");
+ },
+
+ tex : function() {
+ if (!this.settings.tex) {
+ alert("settings.tex === false");
+
+ return this;
+ }
+
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ cm.replaceSelection("$$" + selection + "$$");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 2);
+ }
+ },
+
+ link : function() {
+ this.executePlugin("linkDialog", "link-dialog/link-dialog");
+ },
+
+ "reference-link" : function() {
+ this.executePlugin("referenceLinkDialog", "reference-link-dialog/reference-link-dialog");
+ },
+
+ pagebreak : function() {
+ if (!this.settings.pageBreak) {
+ alert("settings.pageBreak === false");
+
+ return this;
+ }
+
+ var cm = this.cm;
+
+ cm.replaceSelection("\r\n[========]\r\n");
+ },
+
+ image : function() {
+ this.executePlugin("imageDialog", "image-dialog/image-dialog");
+ },
+
+ code : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ cm.replaceSelection("`" + selection + "`");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 1);
+ }
+ },
+
+ "code-block" : function() {
+ this.executePlugin("codeBlockDialog", "code-block-dialog/code-block-dialog");
+ },
+
+ "preformatted-text" : function() {
+ this.executePlugin("preformattedTextDialog", "preformatted-text-dialog/preformatted-text-dialog");
+ },
+
+ table : function() {
+ this.executePlugin("tableDialog", "table-dialog/table-dialog");
+ },
+
+ datetime : function() {
+ var cm = this.cm;
+ var langName = this.settings.lang.name;
+ var datefmt = editormd.dateFormat() + " " + editormd.dateFormat((langName === "zh-cn" || langName === "zh-tw") ? "cn-week-day" : "week-day");
+
+ cm.replaceSelection(datefmt);
+ },
+
+ emoji : function() {
+ this.executePlugin("emojiDialog", "emoji-dialog/emoji-dialog");
+ },
+
+ "html-entities" : function() {
+ this.executePlugin("htmlEntitiesDialog", "html-entities-dialog/html-entities-dialog");
+ },
+
+ "goto-line" : function() {
+ this.executePlugin("gotoLineDialog", "goto-line-dialog/goto-line-dialog");
+ },
+
+ watch : function() {
+ this[this.settings.watch ? "unwatch" : "watch"]();
+ },
+
+ preview : function() {
+ this.previewing();
+ },
+
+ fullscreen : function() {
+ this.fullscreen();
+ },
+
+ clear : function() {
+ this.clear();
+ },
+
+ search : function() {
+ this.search();
+ },
+
+ help : function() {
+ this.executePlugin("helpDialog", "help-dialog/help-dialog");
+ },
+
+ info : function() {
+ this.showInfoDialog();
+ }
+ };
+
+ // var isMac = navigator.platform.toUpperCase().indexOf("MAC") >= 0;
+ // var key = isMac ? "Cmd" : "Ctrl";
+
+ editormd.keyMaps = {
+ "Ctrl-1" : "h1",
+ "Ctrl-2" : "h2",
+ "Ctrl-3" : "h3",
+ "Ctrl-4" : "h4",
+ "Ctrl-5" : "h5",
+ "Ctrl-6" : "h6",
+ "Ctrl-B" : "bold", // if this is string == editormd.toolbarHandlers.xxxx
+ "Ctrl-D" : "datetime",
+ "Ctrl-E" : function() { // emoji
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (!this.settings.emoji) {
+ alert("Error: settings.emoji == false");
+
+ return ;
+ }
+
+ cm.replaceSelection(":" + selection + ":");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 1);
+ }
+ },
+ "Ctrl-Alt-G" : "goto-line",
+ "Ctrl-H" : "hr",
+ "Ctrl-I" : "italic",
+ "Ctrl-K" : "code",
+ "Ctrl-L" : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ var title = (selection === "") ? "" : " \""+selection+"\"";
+
+ cm.replaceSelection("[" + selection + "]("+title+")");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 1);
+ }
+ },
+ "Ctrl-U" : "list-ul",
+ "Shift-Ctrl-A" : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (!this.settings.atLink) {
+ alert("Error: settings.atLink == false");
+
+ return ;
+ }
+
+ cm.replaceSelection("@" + selection);
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 1);
+ }
+ },
+ "Shift-Ctrl-C" : "code",
+ "Shift-Ctrl-Q" : "quote",
+ "Shift-Ctrl-S" : "del",
+ "Shift-Ctrl-K" : "tex", // KaTeX
+ "Shift-Alt-C" : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ cm.replaceSelection(["```", selection, "```"].join("\n"));
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 3);
+ }
+ },
+ "Shift-Ctrl-Alt-C" : "code-block",
+ "Shift-Ctrl-H" : "html-entities",
+ "Shift-Alt-H" : "help",
+ "Shift-Ctrl-E" : "emoji",
+ "Shift-Ctrl-U" : "uppercase",
+ "Shift-Alt-U" : "ucwords",
+ "Shift-Ctrl-Alt-U" : "ucfirst",
+ "Shift-Alt-L" : "lowercase",
+ "Shift-Ctrl-I" : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ var title = (selection === "") ? "" : " \"" + selection + "\"";
+
+ cm.replaceSelection("![" + selection + "](" + title + ")");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 4);
+ }
+ },
+ "Shift-Ctrl-Alt-I" : "image",
+ "Shift-Ctrl-L" : "link",
+ "Shift-Ctrl-O" : "list-ol",
+ "Shift-Ctrl-P" : "preformatted-text",
+ "Shift-Ctrl-T" : "table",
+ "Shift-Alt-P" : "pagebreak",
+ "F9" : "watch",
+ "F10" : "preview",
+ "F11" : "fullscreen",
+ };
+
+ /**
+ * 清除字符串两边的空格
+ * Clear the space of strings both sides.
+ *
+ * @param {String} str string
+ * @returns {String} trimed string
+ */
+
+ var trim = function(str) {
+ return (!String.prototype.trim) ? str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "") : str.trim();
+ };
+
+ editormd.trim = trim;
+
+ /**
+ * 所有单词首字母大写
+ * Words first to uppercase
+ *
+ * @param {String} str string
+ * @returns {String} string
+ */
+
+ var ucwords = function (str) {
+ return str.toLowerCase().replace(/\b(\w)|\s(\w)/g, function($1) {
+ return $1.toUpperCase();
+ });
+ };
+
+ editormd.ucwords = editormd.wordsFirstUpperCase = ucwords;
+
+ /**
+ * 字符串首字母大写
+ * Only string first char to uppercase
+ *
+ * @param {String} str string
+ * @returns {String} string
+ */
+
+ var firstUpperCase = function(str) {
+ return str.toLowerCase().replace(/\b(\w)/, function($1){
+ return $1.toUpperCase();
+ });
+ };
+
+ editormd.firstUpperCase = editormd.ucfirst = firstUpperCase;
+
+ editormd.urls = {
+ atLinkBase : "https://github.com/"
+ };
+
+ editormd.regexs = {
+ atLink : /@(\w+)/g,
+ email : /(\w+)@(\w+)\.(\w+)\.?(\w+)?/g,
+ emailLink : /(mailto:)?([\w\.\_]+)@(\w+)\.(\w+)\.?(\w+)?/g,
+ emoji : /:([\w\+-]+):/g,
+ emojiDatetime : /(\d{1,2}:\d{1,2}:\d{1,2})/g,
+ twemoji : /:(tw-([\w]+)-?(\w+)?):/g,
+ fontAwesome : /:(fa-([\w]+)(-(\w+)){0,}):/g,
+ editormdLogo : /:(editormd-logo-?(\w+)?):/g,
+ pageBreak : /^\[[=]{8,}\]$/
+ };
+
+ // Emoji graphics files url path
+ editormd.emoji = {
+ path : "https://www.webpagefx.com/tools/emoji-cheat-sheet/graphics/emojis/",
+ ext : ".png"
+ };
+
+ // Twitter Emoji (Twemoji) graphics files url path
+ editormd.twemoji = {
+ path : "http://twemoji.maxcdn.com/36x36/",
+ ext : ".png"
+ };
+
+ /**
+ * 自定义marked的解析器
+ * Custom Marked renderer rules
+ *
+ * @param {Array} markdownToC 传入用于接收TOC的数组
+ * @returns {Renderer} markedRenderer 返回marked的Renderer自定义对象
+ */
+
+ editormd.markedRenderer = function(markdownToC, options) {
+ var defaults = {
+ toc : true, // Table of contents
+ tocm : false,
+ tocStartLevel : 1, // Said from H1 to create ToC
+ pageBreak : true,
+ atLink : true, // for @link
+ emailLink : true, // for mail address auto link
+ taskList : false, // Enable Github Flavored Markdown task lists
+ emoji : false, // :emoji: , Support Twemoji, fontAwesome, Editor.md logo emojis.
+ tex : false, // TeX(LaTeX), based on KaTeX
+ flowChart : false, // flowChart.js only support IE9+
+ sequenceDiagram : false, // sequenceDiagram.js only support IE9+
+ };
+
+ var _headingIds = [];
+ var settings = $.extend(defaults, options || {});
+ var marked = editormd.$marked;
+ var markedRenderer = new marked.Renderer();
+ markdownToC = markdownToC || [];
+
+ var regexs = editormd.regexs;
+ var atLinkReg = regexs.atLink;
+ var emojiReg = regexs.emoji;
+ var emailReg = regexs.email;
+ var emailLinkReg = regexs.emailLink;
+ var twemojiReg = regexs.twemoji;
+ var faIconReg = regexs.fontAwesome;
+ var editormdLogoReg = regexs.editormdLogo;
+ var pageBreakReg = regexs.pageBreak;
+
+ markedRenderer.emoji = function(text) {
+
+ text = text.replace(editormd.regexs.emojiDatetime, function($1) {
+ return $1.replace(/:/g, ":");
+ });
+
+ var matchs = text.match(emojiReg);
+
+ if (!matchs || !settings.emoji) {
+ return text;
+ }
+
+ for (var i = 0, len = matchs.length; i < len; i++) {
+ if (matchs[i] === ":+1:") {
+ matchs[i] = ":\\+1:";
+ }
+
+ text = text.replace(new RegExp(matchs[i]), function($1) {
+ var faMatchs = $1.match(faIconReg);
+ var name = $1.replace(/:/g, "");
+
+ if (faMatchs) {
+ for (var fa = 0, len1 = faMatchs.length; fa < len1; fa++) {
+ var faName = faMatchs[fa].replace(/:/g, "");
+
+ return "";
+ }
+ } else {
+ var emdlogoMathcs = $1.match(editormdLogoReg);
+ var twemojiMatchs = $1.match(twemojiReg);
+
+ if (emdlogoMathcs) {
+ for (var x = 0, len2 = emdlogoMathcs.length; x < len2; x++) {
+ var logoName = emdlogoMathcs[x].replace(/:/g, "");
+
+ return "";
+ }
+ } else if (twemojiMatchs) {
+ for (var t = 0, len3 = twemojiMatchs.length; t < len3; t++) {
+ var twe = twemojiMatchs[t].replace(/:/g, "").replace("tw-", "");
+
+ return "",
+ "
",
+ "",
+ "" + editormd.title + "v" + editormd.version + "
", + "" + this.lang.description + "
", + "", + "Copyright © 2015-" + editormd.dateFormat('yyyy') + " Pandao, The MIT License.
", + ""; + } + + return text; + }; + + 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 { + return marked.Renderer.prototype.code.apply(this, arguments); + } + }; + + 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"; + }; + + markedRenderer.listitem = function(text, task) { + if (settings.taskList && task) { + text = text.replace("" + this.atLink(this.emoji(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) {
+
+ if (typeof html !== "string") {
+ html = html.toString();
+ }
+
+ if (typeof filters !== "string") {
+ return html;
+ }
+
+ var expression = filters.split("|");
+ var filterTags = expression[0].split(",");
+ var attrs = expression[1];
+
+ 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"), "");
+ }
+
+ if (typeof attrs !== "undefined") {
+ var htmlTagRegex = /\<(\w+)\s*([^\>]*)\>([^\>]*)\<\/(\w+)\>/ig;
+
+ if (attrs === "*") {
+ html = html.replace(htmlTagRegex, function($1, $2, $3, $4, $5) {
+ return "<" + $2 + ">" + $4 + "";
+ });
+ } else if (attrs === "on*") {
+ html = html.replace(htmlTagRegex, function($1, $2, $3, $4, $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 {
+ 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) {
+ var defaults = {
+ gfm : true,
+ toc : true,
+ tocm : false,
+ tocStartLevel : 1,
+ tocTitle : "目录",
+ tocDropdown : false,
+ tocContainer : "",
+ markdown : "",
+ markdownSourceCode : false,
+ htmlDecode : false,
+ autoLoadKaTeX : true,
+ 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,
+ sequenceDiagram : false,
+ previewCodeHighlight : true
+ };
+
+ editormd.$marked = marked;
+
+ var div = $("#" + id);
+ var settings = div.settings = $.extend(true, {}, defaults, options || {});
+ var saveTo = div.find("textarea");
+
+ 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,
+ 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,
+ previewCodeHighlight : settings.previewCodeHighlight,
+ };
+
+ var markedOptions = {
+ renderer : editormd.markedRenderer(markdownToC, rendererOptions),
+ gfm : settings.gfm,
+ tables : true,
+ breaks : true,
+ pedantic : false,
+ sanitize : (settings.htmlDecode) ? false : true, // 是否忽略HTML标签，即是否开启HTML标签解析，为了安全性，默认不开启
+ smartLists : true,
+ smartypants : true
+ };
+
+ markdownDoc = markdownDoc.toString();
+
+ var markdownParsed = marked(markdownDoc, markedOptions);
+
+ markdownParsed = editormd.filterHTMLTags(markdownParsed, settings.htmlDecode);
+
+ if (settings.markdownSourceCode) {
+ saveTo.text(markdownDoc);
+ } else {
+ saveTo.remove();
+ }
+
+ div.addClass("markdown-body " + this.classPrefix + "html-preview").append(markdownParsed);
+
+ div.find(".task-list-item").each(function () {
+ $(this).parent().addClass("task-list");
+ });
+
+ 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) {
+ div.find("pre").addClass("prettyprint linenums");
+ window.prettyPrint();
+ }
+
+ if (!editormd.isIE8) {
+ if (settings.flowChart) {
+ div.find(".flowchart").flowChart();
+ }
+
+ if (settings.sequenceDiagram) {
+ div.find(".sequence-diagram").sequenceDiagram({theme: "simple"});
+ }
+ }
+
+ if (settings.tex) {
+ var katexHandle = function() {
+ div.find("." + editormd.classNames.tex).each(function(){
+ var tex = $(this);
+ 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();
+ }
+ }
+
+ 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 : "https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.10.1/katex.min",
+ js : "https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.10.1/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,
+ cached : false,
+ 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 html = "- | "; - } - else - { - var isHeader = (/h(\d)/.test(name)); - var index = name; - - if (name === "watch" && !settings.watch) { - index = "unwatch"; - } - - var title = settings.lang.toolbar[index]; - var iconTexts = settings.toolbarIconTexts[index]; - var iconClass = settings.toolbarIconsClass[index]; - - title = (typeof title === "undefined") ? "" : title; - iconTexts = (typeof iconTexts === "undefined") ? "" : iconTexts; - iconClass = (typeof iconClass === "undefined") ? "" : iconClass; - - var menuItem = pullRight ? "
- " : "
- "; - - if (typeof settings.toolbarCustomIcons[name] !== "undefined" && typeof settings.toolbarCustomIcons[name] !== "function") - { - menuItem += settings.toolbarCustomIcons[name]; - } - else - { - menuItem += ""; - menuItem += ""+((isHeader) ? name.toUpperCase() : ( (iconClass === "") ? iconTexts : "") ) + ""; - menuItem += ""; - } - - menuItem += " "; - - menu = pullRight ? menuItem + menu : menu + menuItem; - } - } - - toolbarMenu.html(menu); - - toolbarMenu.find("[title=\"Lowercase\"]").attr("title", settings.lang.toolbar.lowercase); - toolbarMenu.find("[title=\"ucwords\"]").attr("title", settings.lang.toolbar.ucwords); - - this.setToolbarHandler(); - this.setToolbarAutoFixed(); - - return this; - }, - - /** - * 工具栏图标事件处理对象序列 - * Get toolbar icons event handlers - * - * @param {Object} cm CodeMirror的实例对象 - * @param {String} name 要获取的事件处理器名称 - * @returns {Object} 返回处理对象序列 - */ - - dialogLockScreen : function() { - $.proxy(editormd.dialogLockScreen, this)(); - - return this; - }, - - dialogShowMask : function(dialog) { - $.proxy(editormd.dialogShowMask, this)(dialog); - - return this; - }, - - getToolbarHandles : function(name) { - var toolbarHandlers = this.toolbarHandlers = editormd.toolbarHandlers; - - return (name && typeof toolbarIconHandlers[name] !== "undefined") ? toolbarHandlers[name] : toolbarHandlers; - }, - - /** - * 工具栏图标事件处理器 - * Bind toolbar icons event handle - * - * @returns {editormd} 返回editormd的实例对象 - */ - - setToolbarHandler : function() { - var _this = this; - var settings = this.settings; - - if (!settings.toolbar || settings.readOnly) { - return this; - } - - var toolbar = this.toolbar; - var cm = this.cm; - var classPrefix = this.classPrefix; - var toolbarIcons = this.toolbarIcons = toolbar.find("." + classPrefix + "menu > li > a"); - var toolbarIconHandlers = this.getToolbarHandles(); - - toolbarIcons.bind("click", function() { - - var icon = $(this).children(".fa"); - var name = icon.attr("name"); - var cursor = cm.getCursor(); - var selection = cm.getSelection(); - - if (name === "") { - return ; - } - - _this.activeIcon = icon; - - if (typeof toolbarIconHandlers[name] !== "undefined") - { - $.proxy(toolbarIconHandlers[name], _this)(cm); - } - else - { - if (typeof settings.toolbarHandlers[name] !== "undefined") - { - $.proxy(settings.toolbarHandlers[name], _this)(cm, icon, cursor, selection); - } - } - - if (name !== "link" && name !== "reference-link" && name !== "image" && name !== "code-block" && - name !== "preformatted-text" && name !== "watch" && name !== "preview" && name !== "search" && name !== "fullscreen" && name !== "info") - { - cm.focus(); - } - - return false; - - }); - - return this; - }, - - /** - * 动态创建对话框 - * Creating custom dialogs - * - * @param {Object} options 配置项键值对 Key/Value - * @returns {dialog} 返回创建的dialog的jQuery实例对象 - */ - - createDialog : function(options) { - return $.proxy(editormd.createDialog, this)(options); - }, - - /** - * 创建关于Editor.md的对话框 - * Create about Editor.md dialog - * - * @returns {editormd} 返回editormd的实例对象 - */ - - createInfoDialog : function() { - var _this = this; - var editor = this.editor; - var classPrefix = this.classPrefix; - - var infoDialogHTML = [ - "
" + 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("click", function() {
+ dialog.hide().lockScreen(false).hideMask();
+
+ if (!options.cached) {
+ dialog.remove();
+ }
+ });
+
+ 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("click", btn[1]);
+ }
+ }
+
+ if (options.title !== "" && options.drag) {
+ var posX, posY;
+ var dialogHeader = dialog.children("." + classPrefix + "dialog-header");
+
+ if (!options.mask) {
+ dialogHeader.bind("click", function(){
+ editormd.dialogZindex += 2;
+ dialog.css("z-index", editormd.dialogZindex);
+ });
+ }
+
+ var userCanSelect = function (obj) {
+ obj.removeClass(classPrefix + "user-unselect").off("selectstart");
+ };
+
+ var userUnselect = function (obj) {
+ obj.addClass(classPrefix + "user-unselect").on("selectstart", function() { // 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";
+ };
+
+ 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;
+ });
+
+ 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;
+ };
+
+ /**
+ * 获取指定区间的随机整数
+ *
+ * @return {Int} int 返回随机生成的整数
+ */
+
+ editormd.rand = function (n, m) {
+ var c = m - n + 1;
+
+ return Math.floor(Math.random() * c + n);
+ };
+
+ /**
+ * 日期时间的格式化方法
+ * 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;
+
+}));
diff --git a/src/editormd.js b/src/editormd.js
index 051d06a..24b9094 100644
--- a/src/editormd.js
+++ b/src/editormd.js
@@ -1,4622 +1,4346 @@
-;(function(factory) {
- "use strict";
-
- // CommonJS/Node.js
- if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
- {
- module.exports = factory();
- }
- else if (typeof define === "function") // AMD/CMD/Sea.js
- {
- if (define.amd) // for Require.js
- {
- /* Require.js define replace */
- }
- else
- {
- define(["jquery"], factory); // for Sea.js
- }
- }
- else
- {
- window.editormd = factory();
- }
-
-}(function() {
-
- /* Require.js assignment replace */
-
- "use strict";
-
- var $ = (typeof (window.jQuery) !== "undefined") ? window.jQuery : window.Zepto;
-
- if (typeof ($) === "undefined") {
- return ;
- }
-
- /**
- * editormd
- *
- * @param {String} id 编辑器的ID
- * @param {Object} options 配置选项 Key/Value
- * @returns {Object} editormd 返回editormd对象
- */
-
- var editormd = function (id, options) {
- return new editormd.fn.init(id, options);
- };
-
- editormd.title = editormd.$name = "Editor.md";
- editormd.version = "1.5.1";
- editormd.homePage = "https://pandao.github.io/editor.md/";
- editormd.classPrefix = "editormd-";
-
- editormd.toolbarModes = {
- full : [
- "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", "|",
- "goto-line", "watch", "preview", "fullscreen", "clear", "search", "|",
- "help", "info"
- ],
- simple : [
- "undo", "redo", "|",
- "bold", "del", "italic", "quote", "uppercase", "lowercase", "|",
- "h1", "h2", "h3", "h4", "h5", "h6", "|",
- "list-ul", "list-ol", "hr", "|",
- "watch", "preview", "fullscreen", "|",
- "help", "info"
- ],
- mini : [
- "undo", "redo", "|",
- "watch", "preview", "|",
- "help", "info"
- ]
- };
-
- editormd.defaults = {
- mode : "gfm", //gfm or markdown
- name : "", // Form element name
- value : "", // value for CodeMirror, if mode not gfm/markdown
- theme : "", // Editor.md self themes, before v1.5.0 is CodeMirror theme, default empty
- editorTheme : "default", // Editor area, this is CodeMirror theme at v1.5.0
- previewTheme : "", // Preview area theme, default empty
- markdown : "", // Markdown source code
- appendMarkdown : "", // if in init textarea value not empty, append markdown to textarea
- width : "100%",
- height : "100%",
- path : "./lib/", // Dependents module file directory
- pluginPath : "", // If this empty, default use settings.path + "../plugins/"
- delay : 300, // Delay parse markdown to html, Uint : ms
- autoLoadModules : true, // Automatic load dependent module files
- watch : true,
- placeholder : "Enjoy Markdown! coding now...",
- gotoLine : true,
- codeFold : false,
- autoHeight : false,
- autoFocus : true,
- autoCloseTags : true,
- searchReplace : true,
- syncScrolling : true, // true | false | "single", default true
- readOnly : false,
- tabSize : 4,
- indentUnit : 4,
- lineNumbers : true,
- lineWrapping : true,
- autoCloseBrackets : true,
- showTrailingSpace : true,
- matchBrackets : true,
- indentWithTabs : true,
- styleSelectedText : true,
- matchWordHighlight : true, // options: true, false, "onselected"
- styleActiveLine : true, // Highlight the current line
- dialogLockScreen : false,
- dialogShowMask : true,
- dialogDraggable : true,
- dialogMaskBgColor : "#fff",
- dialogMaskOpacity : 0.1,
- fontSize : "13px",
- saveHTMLToTextarea : false,
- disabledKeyMaps : [],
-
- onload : function() {},
- onresize : function() {},
- onchange : function() {},
- onwatch : null,
- onunwatch : null,
- onpreviewing : function() {},
- onpreviewed : function() {},
- onfullscreen : function() {},
- onfullscreenExit : function() {},
- onscroll : function() {},
- onpreviewscroll : function() {},
-
- imageUpload : false,
- imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
- imageUploadURL : "",
- imageUploadFields : "", // append upload form fields for CRSF etc. Server-side receives the POST parameters. v1.5.1+
- imageUploadCallback : function() {}, // set image upload finish (success or failure) callback handler v1.5.1+
- imageUploadCallbackName : '__Editor_md_ImageUploadCallback', // upload callback name for cross-domain upload v1.5.1+
- crossDomainUpload : false,
- uploadCallbackURL : "",
-
- toc : true, // Table of contents
- tocm : false, // Using [TOCM], auto create ToC dropdown menu
- tocTitle : "", // for ToC dropdown menu btn
- tocDropdown : false,
- tocContainer : "",
- tocStartLevel : 1, // Said from H1 to create ToC
- htmlDecode : false, // Open the HTML tag identification
- pageBreak : true, // Enable parse page break [========]
- atLink : true, // for @link
- emailLink : true, // for email address auto link
- taskList : false, // Enable Github Flavored Markdown task lists
- emoji : false, // :emoji: , Support Github emoji, Twitter Emoji (Twemoji);
- // Support FontAwesome icon emoji :fa-xxx: > Using fontAwesome icon web fonts;
- // Support Editor.md logo icon emoji :editormd-logo: :editormd-logo-1x: > 1~8x;
- tex : false, // TeX(LaTeX), based on KaTeX
- flowChart : false, // flowChart.js only support IE9+
- sequenceDiagram : false, // sequenceDiagram.js only support IE9+
- previewCodeHighlight : true,
-
- toolbar : true, // show/hide toolbar
- toolbarAutoFixed : true, // on window scroll auto fixed position
- toolbarIcons : "full",
- toolbarTitles : {},
- toolbarHandlers : {
- ucwords : function() {
- return editormd.toolbarHandlers.ucwords;
- },
- lowercase : function() {
- return editormd.toolbarHandlers.lowercase;
- }
- },
- toolbarCustomIcons : { // using html tag create toolbar icon, unused default tag.
- lowercase : "a",
- "ucwords" : "Aa"
- },
- toolbarIconsClass : {
- undo : "fa-undo",
- redo : "fa-repeat",
- bold : "fa-bold",
- del : "fa-strikethrough",
- italic : "fa-italic",
- quote : "fa-quote-left",
- uppercase : "fa-font",
- h1 : editormd.classPrefix + "bold",
- h2 : editormd.classPrefix + "bold",
- h3 : editormd.classPrefix + "bold",
- h4 : editormd.classPrefix + "bold",
- h5 : editormd.classPrefix + "bold",
- h6 : editormd.classPrefix + "bold",
- "list-ul" : "fa-list-ul",
- "list-ol" : "fa-list-ol",
- hr : "fa-minus",
- link : "fa-link",
- "reference-link" : "fa-anchor",
- image : "fa-picture-o",
- code : "fa-code",
- "preformatted-text" : "fa-file-code-o",
- "code-block" : "fa-file-code-o",
- table : "fa-table",
- datetime : "fa-clock-o",
- emoji : "fa-smile-o",
- "html-entities" : "fa-copyright",
- pagebreak : "fa-newspaper-o",
- "goto-line" : "fa-terminal", // fa-crosshairs
- watch : "fa-eye-slash",
- unwatch : "fa-eye",
- preview : "fa-desktop",
- search : "fa-search",
- fullscreen : "fa-arrows-alt",
- clear : "fa-eraser",
- help : "fa-question-circle",
- info : "fa-info-circle"
- },
- toolbarIconTexts : {},
-
- lang : {
- name : "zh-cn",
- description : "开源在线 Markdown 编辑器";
+ 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 += "Open source online Markdown editor.", - tocTitle : "目录", - toolbar : { - undo : "撤销（Ctrl+Z）", - redo : "重做（Ctrl+Y）", - bold : "粗体", - del : "删除线", - italic : "斜体", - quote : "引用", - ucwords : "将每个单词首字母转成大写", - uppercase : "将所选转换成大写", - lowercase : "将所选转换成小写", - h1 : "标题1", - h2 : "标题2", - h3 : "标题3", - h4 : "标题4", - h5 : "标题5", - h6 : "标题6", - "list-ul" : "无序列表", - "list-ol" : "有序列表", - hr : "横线", - link : "链接", - "reference-link" : "引用链接", - image : "添加图片", - code : "行内代码", - "preformatted-text" : "预格式文本 / 代码块（缩进风格）", - "code-block" : "代码块（多语言风格）", - table : "添加表格", - datetime : "日期时间", - emoji : "Emoji表情", - "html-entities" : "HTML实体字符", - pagebreak : "插入分页符", - "goto-line" : "跳转到行", - watch : "关闭实时预览", - unwatch : "开启实时预览", - preview : "全窗口预览HTML（按 Shift + ESC还原）", - fullscreen : "全屏（按ESC还原）", - clear : "清空", - search : "搜索", - help : "使用帮助", - info : "关于" + editormd.title - }, - buttons : { - enter : "确定", - cancel : "取消", - close : "关闭" - }, - dialog : { - link : { - title : "添加链接", - url : "链接地址", - urlTitle : "链接标题", - urlEmpty : "错误：请填写链接地址。" - }, - referenceLink : { - title : "添加引用链接", - name : "引用名称", - url : "链接地址", - urlId : "链接ID", - urlTitle : "链接标题", - nameEmpty: "错误：引用链接的名称不能为空。", - idEmpty : "错误：请填写引用链接的ID。", - urlEmpty : "错误：请填写引用链接的URL地址。" - }, - image : { - title : "添加图片", - url : "图片地址", - link : "图片链接", - alt : "图片描述", - uploadButton : "本地上传", - imageURLEmpty : "错误：图片地址不能为空。", - uploadFileEmpty : "错误：上传的图片不能为空。", - formatNotAllowed : "错误：只允许上传图片文件，允许上传的图片文件格式有：" - }, - preformattedText : { - title : "添加预格式文本或代码块", - emptyAlert : "错误：请填写预格式文本或代码的内容。", - placeholder : "Coding now...." - }, - codeBlock : { - title : "添加代码块", - selectLabel : "代码语言：", - selectDefaultText : "请选择代码语言", - otherLanguage : "其他语言", - unselectedLanguageAlert : "错误：请选择代码所属的语言类型。", - codeEmptyAlert : "错误：请填写代码内容。", - placeholder : "Coding now...." - }, - htmlEntities : { - title : "HTML 实体字符" - }, - help : { - title : "使用帮助" - } - } - } - }; - - editormd.classNames = { - tex : editormd.classPrefix + "tex" - }; - - editormd.dialogZindex = 99999; - - editormd.$katex = null; - editormd.$marked = null; - editormd.$CodeMirror = null; - editormd.$prettyPrint = null; - - var timer, flowchartTimer; - - editormd.prototype = editormd.fn = { - state : { - watching : false, - loaded : false, - preview : false, - fullscreen : false - }, - - /** - * 构造函数/实例初始化 - * Constructor / instance initialization - * - * @param {String} id 编辑器的ID - * @param {Object} [options={}] 配置选项 Key/Value - * @returns {editormd} 返回editormd的实例对象 - */ - - init : function (id, options) { - - options = options || {}; - - if (typeof id === "object") - { - options = id; - } - - var classPrefix = this.classPrefix = editormd.classPrefix; - var settings = $.extend(true, {}, editormd.defaults, options); - - if (options.imageFormats) { - settings.imageFormats = options.imageFormats; - } - - this.settings = settings; - - id = (typeof id === "object") ? settings.id : id; - - var editor = this.editor = $("#" + id); - - this.id = id; - this.lang = settings.lang; - - var classNames = this.classNames = { - textarea : { - html : classPrefix + "html-textarea", - markdown : classPrefix + "markdown-textarea" - } - }; - - settings.pluginPath = (settings.pluginPath === "") ? settings.path + "../plugins/" : settings.pluginPath; - - this.state.watching = (settings.watch) ? true : false; - - if ( !editor.hasClass("editormd") ) { - editor.addClass("editormd"); - } - - editor.css({ - width : (typeof settings.width === "number") ? settings.width + "px" : settings.width, - height : (typeof settings.height === "number") ? settings.height + "px" : settings.height - }); - - if (settings.autoHeight) - { - editor.css("height", "auto"); - } - - var markdownTextarea = this.markdownTextarea = editor.children("textarea"); - - if (markdownTextarea.length < 1) - { - editor.append(""); - markdownTextarea = this.markdownTextarea = editor.children("textarea"); - } - - markdownTextarea.addClass(classNames.textarea.markdown).attr("placeholder", settings.placeholder); - - if (typeof markdownTextarea.attr("name") === "undefined" || markdownTextarea.attr("name") === "") - { - markdownTextarea.attr("name", (settings.name !== "") ? settings.name : id + "-markdown-doc"); - } - - var appendElements = [ - (!settings.readOnly) ? "" : "", - ( (settings.saveHTMLToTextarea) ? "" : "" ), - "
",
- "",
- ""
- ].join("\n");
-
- editor.append(appendElements).addClass(classPrefix + "vertical");
-
- if (settings.theme !== "")
- {
- editor.addClass(classPrefix + "theme-" + settings.theme);
- }
-
- this.mask = editor.children("." + classPrefix + "mask");
- this.containerMask = editor.children("." + classPrefix + "container-mask");
-
- if (settings.markdown !== "")
- {
- markdownTextarea.val(settings.markdown);
- }
-
- if (settings.appendMarkdown !== "")
- {
- markdownTextarea.val(markdownTextarea.val() + settings.appendMarkdown);
- }
-
- this.htmlTextarea = editor.children("." + classNames.textarea.html);
- this.preview = editor.children("." + classPrefix + "preview");
- this.previewContainer = this.preview.children("." + classPrefix + "preview-container");
-
- if (settings.previewTheme !== "")
- {
- this.preview.addClass(classPrefix + "preview-theme-" + settings.previewTheme);
- }
-
- if (typeof define === "function" && define.amd)
- {
- if (typeof window.katex !== "undefined")
- {
- editormd.$katex = window.katex;
- }
-
- if (settings.searchReplace && !settings.readOnly)
- {
- editormd.loadCSS(settings.path + "codemirror/addon/dialog/dialog");
- editormd.loadCSS(settings.path + "codemirror/addon/search/matchesonscrollbar");
- }
- }
-
- if ((typeof define === "function" && define.amd) || !settings.autoLoadModules)
- {
- if (typeof window.CodeMirror !== "undefined") {
- editormd.$CodeMirror = window.CodeMirror;
- }
-
- if (typeof window.marked !== "undefined") {
- editormd.$marked = window.marked;
- }
-
- this.setCodeMirror().setToolbar().loadedDisplay();
- }
- else
- {
- this.loadQueues();
- }
-
- return this;
- },
-
- /**
- * 所需组件加载队列
- * Required components loading queue
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- loadQueues : function() {
- var _this = this;
- var settings = this.settings;
- var loadPath = settings.path;
-
- var loadFlowChartOrSequenceDiagram = function() {
-
- if (editormd.isIE8)
- {
- _this.loadedDisplay();
-
- return ;
- }
-
- if (settings.flowChart || settings.sequenceDiagram)
- {
- editormd.loadScript(loadPath + "raphael.min", function() {
-
- editormd.loadScript(loadPath + "underscore.min", function() {
-
- if (!settings.flowChart && settings.sequenceDiagram)
- {
- editormd.loadScript(loadPath + "sequence-diagram.min", function() {
- _this.loadedDisplay();
- });
- }
- else if (settings.flowChart && !settings.sequenceDiagram)
- {
- editormd.loadScript(loadPath + "flowchart.min", function() {
- editormd.loadScript(loadPath + "jquery.flowchart.min", function() {
- _this.loadedDisplay();
- });
- });
- }
- else if (settings.flowChart && settings.sequenceDiagram)
- {
- editormd.loadScript(loadPath + "flowchart.min", function() {
- editormd.loadScript(loadPath + "jquery.flowchart.min", function() {
- editormd.loadScript(loadPath + "sequence-diagram.min", function() {
- _this.loadedDisplay();
- });
- });
- });
- }
- });
-
- });
- }
- else
- {
- _this.loadedDisplay();
- }
- };
-
- editormd.loadCSS(loadPath + "codemirror/codemirror.min");
-
- if (settings.searchReplace && !settings.readOnly)
- {
- editormd.loadCSS(loadPath + "codemirror/addon/dialog/dialog");
- editormd.loadCSS(loadPath + "codemirror/addon/search/matchesonscrollbar");
- }
-
- if (settings.codeFold)
- {
- editormd.loadCSS(loadPath + "codemirror/addon/fold/foldgutter");
- }
-
- editormd.loadScript(loadPath + "codemirror/codemirror.min", function() {
- editormd.$CodeMirror = CodeMirror;
-
- editormd.loadScript(loadPath + "codemirror/modes.min", function() {
-
- editormd.loadScript(loadPath + "codemirror/addons.min", function() {
-
- _this.setCodeMirror();
-
- if (settings.mode !== "gfm" && settings.mode !== "markdown")
- {
- _this.loadedDisplay();
-
- return false;
- }
-
- _this.setToolbar();
-
- editormd.loadScript(loadPath + "marked.min", function() {
-
- editormd.$marked = marked;
-
- if (settings.previewCodeHighlight)
- {
- editormd.loadScript(loadPath + "prettify.min", function() {
- loadFlowChartOrSequenceDiagram();
- });
- }
- else
- {
- loadFlowChartOrSequenceDiagram();
- }
- });
-
- });
-
- });
-
- });
-
- return this;
- },
-
- /**
- * 设置 Editor.md 的整体主题，主要是工具栏
- * Setting Editor.md theme
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setTheme : function(theme) {
- var editor = this.editor;
- var oldTheme = this.settings.theme;
- var themePrefix = this.classPrefix + "theme-";
-
- editor.removeClass(themePrefix + oldTheme).addClass(themePrefix + theme);
-
- this.settings.theme = theme;
-
- return this;
- },
-
- /**
- * 设置 CodeMirror（编辑区）的主题
- * Setting CodeMirror (Editor area) theme
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setEditorTheme : function(theme) {
- var settings = this.settings;
- settings.editorTheme = theme;
-
- if (theme !== "default")
- {
- editormd.loadCSS(settings.path + "codemirror/theme/" + settings.editorTheme);
- }
-
- this.cm.setOption("theme", theme);
-
- return this;
- },
-
- /**
- * setEditorTheme() 的别名
- * setEditorTheme() alias
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setCodeMirrorTheme : function (theme) {
- this.setEditorTheme(theme);
-
- return this;
- },
-
- /**
- * 设置 Editor.md 的主题
- * Setting Editor.md theme
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setPreviewTheme : function(theme) {
- var preview = this.preview;
- var oldTheme = this.settings.previewTheme;
- var themePrefix = this.classPrefix + "preview-theme-";
-
- preview.removeClass(themePrefix + oldTheme).addClass(themePrefix + theme);
-
- this.settings.previewTheme = theme;
-
- return this;
- },
-
- /**
- * 配置和初始化CodeMirror组件
- * CodeMirror initialization
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setCodeMirror : function() {
- var settings = this.settings;
- var editor = this.editor;
-
- if (settings.editorTheme !== "default")
- {
- editormd.loadCSS(settings.path + "codemirror/theme/" + settings.editorTheme);
- }
-
- var codeMirrorConfig = {
- mode : settings.mode,
- theme : settings.editorTheme,
- tabSize : settings.tabSize,
- dragDrop : false,
- autofocus : settings.autoFocus,
- autoCloseTags : settings.autoCloseTags,
- readOnly : (settings.readOnly) ? "nocursor" : false,
- indentUnit : settings.indentUnit,
- lineNumbers : settings.lineNumbers,
- lineWrapping : settings.lineWrapping,
- extraKeys : {
- "Ctrl-Q": function(cm) {
- cm.foldCode(cm.getCursor());
- }
- },
- foldGutter : settings.codeFold,
- gutters : ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
- matchBrackets : settings.matchBrackets,
- indentWithTabs : settings.indentWithTabs,
- styleActiveLine : settings.styleActiveLine,
- styleSelectedText : settings.styleSelectedText,
- autoCloseBrackets : settings.autoCloseBrackets,
- showTrailingSpace : settings.showTrailingSpace,
- highlightSelectionMatches : ( (!settings.matchWordHighlight) ? false : { showToken: (settings.matchWordHighlight === "onselected") ? false : /\w/ } )
- };
-
- this.codeEditor = this.cm = editormd.$CodeMirror.fromTextArea(this.markdownTextarea[0], codeMirrorConfig);
- this.codeMirror = this.cmElement = editor.children(".CodeMirror");
-
- if (settings.value !== "")
- {
- this.cm.setValue(settings.value);
- }
-
- this.codeMirror.css({
- fontSize : settings.fontSize,
- width : (!settings.watch) ? "100%" : "50%"
- });
-
- if (settings.autoHeight)
- {
- this.codeMirror.css("height", "auto");
- this.cm.setOption("viewportMargin", Infinity);
- }
-
- if (!settings.lineNumbers)
- {
- this.codeMirror.find(".CodeMirror-gutters").css("border-right", "none");
- }
-
- return this;
- },
-
- /**
- * 获取CodeMirror的配置选项
- * Get CodeMirror setting options
- *
- * @returns {Mixed} return CodeMirror setting option value
- */
-
- getCodeMirrorOption : function(key) {
- return this.cm.getOption(key);
- },
-
- /**
- * 配置和重配置CodeMirror的选项
- * CodeMirror setting options / resettings
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setCodeMirrorOption : function(key, value) {
-
- this.cm.setOption(key, value);
-
- return this;
- },
-
- /**
- * 添加 CodeMirror 键盘快捷键
- * Add CodeMirror keyboard shortcuts key map
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- addKeyMap : function(map, bottom) {
- this.cm.addKeyMap(map, bottom);
-
- return this;
- },
-
- /**
- * 移除 CodeMirror 键盘快捷键
- * Remove CodeMirror keyboard shortcuts key map
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- removeKeyMap : function(map) {
- this.cm.removeKeyMap(map);
-
- return this;
- },
-
- /**
- * 跳转到指定的行
- * Goto CodeMirror line
- *
- * @param {String|Intiger} line line number or "first"|"last"
- * @returns {editormd} 返回editormd的实例对象
- */
-
- gotoLine : function (line) {
-
- var settings = this.settings;
-
- if (!settings.gotoLine)
- {
- return this;
- }
-
- var cm = this.cm;
- var count = cm.lineCount();
- var preview = this.preview;
-
- if (typeof line === "string")
- {
- if(line === "last")
- {
- line = count;
- }
-
- if (line === "first")
- {
- line = 1;
- }
- }
-
- if (typeof line !== "number")
- {
- alert("Error: The line number must be an integer.");
- return this;
- }
-
- line = parseInt(line) - 1;
-
- if (line > count)
- {
- alert("Error: The line number range 1-" + count);
-
- return this;
- }
-
- cm.setCursor( {line : line, ch : 0} );
-
- var scrollInfo = cm.getScrollInfo();
- var clientHeight = scrollInfo.clientHeight;
- var coords = cm.charCoords({line : line, ch : 0}, "local");
-
- cm.scrollTo(null, (coords.top + coords.bottom - clientHeight) / 2);
-
- if (settings.watch)
- {
- var cmScroll = this.codeMirror.find(".CodeMirror-scroll")[0];
- var height = $(cmScroll).height();
- var scrollTop = cmScroll.scrollTop;
- var percent = (scrollTop / cmScroll.scrollHeight);
-
- if (scrollTop === 0)
- {
- preview.scrollTop(0);
- }
- else if (scrollTop + height >= cmScroll.scrollHeight - 16)
- {
- preview.scrollTop(preview[0].scrollHeight);
- }
- else
- {
- preview.scrollTop(preview[0].scrollHeight * percent);
- }
- }
-
- cm.focus();
-
- return this;
- },
-
- /**
- * 扩展当前实例对象，可同时设置多个或者只设置一个
- * Extend editormd instance object, can mutil setting.
- *
- * @returns {editormd} this(editormd instance object.)
- */
-
- extend : function() {
- if (typeof arguments[1] !== "undefined")
- {
- if (typeof arguments[1] === "function")
- {
- arguments[1] = $.proxy(arguments[1], this);
- }
-
- this[arguments[0]] = arguments[1];
- }
-
- if (typeof arguments[0] === "object" && typeof arguments[0].length === "undefined")
- {
- $.extend(true, this, arguments[0]);
- }
-
- return this;
- },
-
- /**
- * 设置或扩展当前实例对象，单个设置
- * Extend editormd instance object, one by one
- *
- * @param {String|Object} key option key
- * @param {String|Object} value option value
- * @returns {editormd} this(editormd instance object.)
- */
-
- set : function (key, value) {
-
- if (typeof value !== "undefined" && typeof value === "function")
- {
- value = $.proxy(value, this);
- }
-
- this[key] = value;
-
- return this;
- },
-
- /**
- * 重新配置
- * Resetting editor options
- *
- * @param {String|Object} key option key
- * @param {String|Object} value option value
- * @returns {editormd} this(editormd instance object.)
- */
-
- config : function(key, value) {
- var settings = this.settings;
-
- if (typeof key === "object")
- {
- settings = $.extend(true, settings, key);
- }
-
- if (typeof key === "string")
- {
- settings[key] = value;
- }
-
- this.settings = settings;
- this.recreate();
-
- return this;
- },
-
- /**
- * 注册事件处理方法
- * Bind editor event handle
- *
- * @param {String} eventType event type
- * @param {Function} callback 回调函数
- * @returns {editormd} this(editormd instance object.)
- */
-
- on : function(eventType, callback) {
- var settings = this.settings;
-
- if (typeof settings["on" + eventType] !== "undefined")
- {
- settings["on" + eventType] = $.proxy(callback, this);
- }
-
- return this;
- },
-
- /**
- * 解除事件处理方法
- * Unbind editor event handle
- *
- * @param {String} eventType event type
- * @returns {editormd} this(editormd instance object.)
- */
-
- off : function(eventType) {
- var settings = this.settings;
-
- if (typeof settings["on" + eventType] !== "undefined")
- {
- settings["on" + eventType] = function(){};
- }
-
- return this;
- },
-
- /**
- * 显示工具栏
- * Display toolbar
- *
- * @param {Function} [callback=function(){}] 回调函数
- * @returns {editormd} 返回editormd的实例对象
- */
-
- showToolbar : function(callback) {
- var settings = this.settings;
-
- if(settings.readOnly) {
- return this;
- }
-
- if (settings.toolbar && (this.toolbar.length < 1 || this.toolbar.find("." + this.classPrefix + "menu").html() === "") )
- {
- this.setToolbar();
- }
-
- settings.toolbar = true;
-
- this.toolbar.show();
- this.resize();
-
- $.proxy(callback || function(){}, this)();
-
- return this;
- },
-
- /**
- * 隐藏工具栏
- * Hide toolbar
- *
- * @param {Function} [callback=function(){}] 回调函数
- * @returns {editormd} this(editormd instance object.)
- */
-
- hideToolbar : function(callback) {
- var settings = this.settings;
-
- settings.toolbar = false;
- this.toolbar.hide();
- this.resize();
-
- $.proxy(callback || function(){}, this)();
-
- return this;
- },
-
- /**
- * 页面滚动时工具栏的固定定位
- * Set toolbar in window scroll auto fixed position
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setToolbarAutoFixed : function(fixed) {
-
- var state = this.state;
- var editor = this.editor;
- var toolbar = this.toolbar;
- var settings = this.settings;
-
- if (typeof fixed !== "undefined")
- {
- settings.toolbarAutoFixed = fixed;
- }
-
- var autoFixedHandle = function(){
- var $window = $(window);
- var top = $window.scrollTop();
-
- if (!settings.toolbarAutoFixed)
- {
- return false;
- }
-
- if (top - editor.offset().top > 10 && top < editor.height())
- {
- toolbar.css({
- position : "fixed",
- width : editor.width() + "px",
- left : ($window.width() - editor.width()) / 2 + "px"
- });
- }
- else
- {
- toolbar.css({
- position : "absolute",
- width : "100%",
- left : 0
- });
- }
- };
-
- if (!state.fullscreen && !state.preview && settings.toolbar && settings.toolbarAutoFixed)
- {
- $(window).bind("scroll", autoFixedHandle);
- }
-
- return this;
- },
-
- /**
- * 配置和初始化工具栏
- * Set toolbar and Initialization
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setToolbar : function() {
- var settings = this.settings;
-
- if(settings.readOnly) {
- return this;
- }
-
- var editor = this.editor;
- var classPrefix = this.classPrefix;
-
- var toolbar = this.toolbar = editor.children("." + classPrefix + "toolbar");
-
- if (settings.toolbar && toolbar.length < 1)
- {
- var toolbarHTML = "
",
- "
"
- ].join("\n");
-
- editor.append(infoDialogHTML);
-
- var infoDialog = this.infoDialog = editor.children("." + classPrefix + "dialog-info");
-
- infoDialog.find("." + classPrefix + "dialog-close").bind("click", function() {
- _this.hideInfoDialog();
- });
-
- infoDialog.css("border", (editormd.isIE8) ? "1px solid #ddd" : "").css("z-index", editormd.dialogZindex).show();
-
- this.infoDialogPosition();
-
- return this;
- },
-
- /**
- * 关于Editor.md对话居中定位
- * Editor.md dialog position handle
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- infoDialogPosition : function() {
- var infoDialog = this.infoDialog;
-
- var _infoDialogPosition = function() {
- infoDialog.css({
- top : ($(window).height() - infoDialog.height()) / 2 + "px",
- left : ($(window).width() - infoDialog.width()) / 2 + "px"
- });
- };
-
- _infoDialogPosition();
-
- $(window).resize(_infoDialogPosition);
-
- return this;
- },
-
- /**
- * 显示关于Editor.md
- * Display about Editor.md dialog
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- showInfoDialog : function() {
-
- $("html,body").css("overflow-x", "hidden");
-
- var editor = this.editor;
- var settings = this.settings;
- var infoDialog = this.infoDialog = editor.children("." + this.classPrefix + "dialog-info");
-
- if (infoDialog.length < 1)
- {
- this.createInfoDialog();
- }
-
- this.lockScreen(true);
-
- this.mask.css({
- opacity : settings.dialogMaskOpacity,
- backgroundColor : settings.dialogMaskBgColor
- }).show();
-
- infoDialog.css("z-index", editormd.dialogZindex).show();
-
- this.infoDialogPosition();
-
- return this;
- },
-
- /**
- * 隐藏关于Editor.md
- * Hide about Editor.md dialog
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- hideInfoDialog : function() {
- $("html,body").css("overflow-x", "");
- this.infoDialog.hide();
- this.mask.hide();
- this.lockScreen(false);
-
- return this;
- },
-
- /**
- * 锁屏
- * lock screen
- *
- * @param {Boolean} lock Boolean 布尔值，是否锁屏
- * @returns {editormd} 返回editormd的实例对象
- */
-
- lockScreen : function(lock) {
- editormd.lockScreen(lock);
- this.resize();
-
- return this;
- },
-
- /**
- * 编辑器界面重建，用于动态语言包或模块加载等
- * Recreate editor
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- recreate : function() {
- var editor = this.editor;
- var settings = this.settings;
-
- this.codeMirror.remove();
-
- this.setCodeMirror();
-
- if (!settings.readOnly)
- {
- if (editor.find(".editormd-dialog").length > 0) {
- editor.find(".editormd-dialog").remove();
- }
-
- if (settings.toolbar)
- {
- this.getToolbarHandles();
- this.setToolbar();
- }
- }
-
- this.loadedDisplay(true);
-
- return this;
- },
-
- /**
- * 高亮预览HTML的pre代码部分
- * highlight of preview codes
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- previewCodeHighlight : function() {
- var settings = this.settings;
- var previewContainer = this.previewContainer;
-
- if (settings.previewCodeHighlight)
- {
- previewContainer.find("pre").addClass("prettyprint linenums");
-
- if (typeof window.prettyPrint !== "undefined")
- {
- window.prettyPrint();
- }
- }
-
- return this;
- },
-
- /**
- * 解析TeX(KaTeX)科学公式
- * TeX(KaTeX) Renderer
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- katexRender : function() {
-
- if (timer === null)
- {
- return this;
- }
-
- this.previewContainer.find("." + editormd.classNames.tex).each(function(){
- var tex = $(this);
- editormd.$katex.render(tex.text(), tex[0]);
-
- tex.find(".katex").css("font-size", "1.6em");
- });
-
- return this;
- },
-
- /**
- * 解析和渲染流程图及时序图
- * FlowChart and SequenceDiagram Renderer
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- flowChartAndSequenceDiagramRender : function() {
- var $this = this;
- var settings = this.settings;
- var previewContainer = this.previewContainer;
-
- if (editormd.isIE8) {
- return this;
- }
-
- if (settings.flowChart) {
- if (flowchartTimer === null) {
- return this;
- }
-
- previewContainer.find(".flowchart").flowChart();
- }
-
- if (settings.sequenceDiagram) {
- previewContainer.find(".sequence-diagram").sequenceDiagram({theme: "simple"});
- }
-
- var preview = $this.preview;
- var codeMirror = $this.codeMirror;
- var codeView = codeMirror.find(".CodeMirror-scroll");
-
- var height = codeView.height();
- var scrollTop = codeView.scrollTop();
- var percent = (scrollTop / codeView[0].scrollHeight);
- var tocHeight = 0;
-
- preview.find(".markdown-toc-list").each(function(){
- tocHeight += $(this).height();
- });
-
- var tocMenuHeight = preview.find(".editormd-toc-menu").height();
- tocMenuHeight = (!tocMenuHeight) ? 0 : tocMenuHeight;
-
- if (scrollTop === 0)
- {
- preview.scrollTop(0);
- }
- else if (scrollTop + height >= codeView[0].scrollHeight - 16)
- {
- preview.scrollTop(preview[0].scrollHeight);
- }
- else
- {
- preview.scrollTop((preview[0].scrollHeight + tocHeight + tocMenuHeight) * percent);
- }
-
- return this;
- },
-
- /**
- * 注册键盘快捷键处理
- * Register CodeMirror keyMaps (keyboard shortcuts).
- *
- * @param {Object} keyMap KeyMap key/value {"(Ctrl/Shift/Alt)-Key" : function(){}}
- * @returns {editormd} return this
- */
-
- registerKeyMaps : function(keyMap) {
-
- var _this = this;
- var cm = this.cm;
- var settings = this.settings;
- var toolbarHandlers = editormd.toolbarHandlers;
- var disabledKeyMaps = settings.disabledKeyMaps;
-
- keyMap = keyMap || null;
-
- if (keyMap)
- {
- for (var i in keyMap)
- {
- if ($.inArray(i, disabledKeyMaps) < 0)
- {
- var map = {};
- map[i] = keyMap[i];
-
- cm.addKeyMap(keyMap);
- }
- }
- }
- else
- {
- for (var k in editormd.keyMaps)
- {
- var _keyMap = editormd.keyMaps[k];
- var handle = (typeof _keyMap === "string") ? $.proxy(toolbarHandlers[_keyMap], _this) : $.proxy(_keyMap, _this);
-
- if ($.inArray(k, ["F9", "F10", "F11"]) < 0 && $.inArray(k, disabledKeyMaps) < 0)
- {
- var _map = {};
- _map[k] = handle;
-
- cm.addKeyMap(_map);
- }
- }
-
- $(window).keydown(function(event) {
-
- var keymaps = {
- "120" : "F9",
- "121" : "F10",
- "122" : "F11"
- };
-
- if ( $.inArray(keymaps[event.keyCode], disabledKeyMaps) < 0 )
- {
- switch (event.keyCode)
- {
- case 120:
- $.proxy(toolbarHandlers["watch"], _this)();
- event.stopPropagation();
- break;
-
- case 121:
- $.proxy(toolbarHandlers["preview"], _this)();
- event.stopPropagation();
- break;
-
- case 122:
- $.proxy(toolbarHandlers["fullscreen"], _this)();
- event.stopPropagation();
- break;
-
- default:
- break;
- }
- }
- });
- }
-
- return this;
- },
-
- /**
- * 绑定同步滚动
- *
- * @returns {editormd} return this
- */
-
- bindScrollEvent : function() {
-
- var _this = this;
- var preview = this.preview;
- var settings = this.settings;
- var codeMirror = this.codeMirror;
- var mouseOrTouch = editormd.mouseOrTouch;
-
- if (!settings.syncScrolling) {
- return this;
- }
-
- var cmBindScroll = function() {
- codeMirror.find(".CodeMirror-scroll").bind(mouseOrTouch("scroll", "touchmove"), function(event) {
- var height = $(this).height();
- var scrollTop = $(this).scrollTop();
- var percent = (scrollTop / $(this)[0].scrollHeight);
-
- var tocHeight = 0;
-
- preview.find(".markdown-toc-list").each(function(){
- tocHeight += $(this).height();
- });
-
- var tocMenuHeight = preview.find(".editormd-toc-menu").height();
- tocMenuHeight = (!tocMenuHeight) ? 0 : tocMenuHeight;
-
- if (scrollTop === 0)
- {
- preview.scrollTop(0);
- }
- else if (scrollTop + height >= $(this)[0].scrollHeight - 16)
- {
- preview.scrollTop(preview[0].scrollHeight);
- }
- else
- {
- preview.scrollTop((preview[0].scrollHeight + tocHeight + tocMenuHeight) * percent);
- }
-
- $.proxy(settings.onscroll, _this)(event);
- });
- };
-
- var cmUnbindScroll = function() {
- codeMirror.find(".CodeMirror-scroll").unbind(mouseOrTouch("scroll", "touchmove"));
- };
-
- var previewBindScroll = function() {
-
- preview.bind(mouseOrTouch("scroll", "touchmove"), function(event) {
- var height = $(this).height();
- var scrollTop = $(this).scrollTop();
- var percent = (scrollTop / $(this)[0].scrollHeight);
- var codeView = codeMirror.find(".CodeMirror-scroll");
-
- if(scrollTop === 0)
- {
- codeView.scrollTop(0);
- }
- else if (scrollTop + height >= $(this)[0].scrollHeight)
- {
- codeView.scrollTop(codeView[0].scrollHeight);
- }
- else
- {
- codeView.scrollTop(codeView[0].scrollHeight * percent);
- }
-
- $.proxy(settings.onpreviewscroll, _this)(event);
- });
-
- };
-
- var previewUnbindScroll = function() {
- preview.unbind(mouseOrTouch("scroll", "touchmove"));
- };
-
- codeMirror.bind({
- mouseover : cmBindScroll,
- mouseout : cmUnbindScroll,
- touchstart : cmBindScroll,
- touchend : cmUnbindScroll
- });
-
- if (settings.syncScrolling === "single") {
- return this;
- }
-
- preview.bind({
- mouseover : previewBindScroll,
- mouseout : previewUnbindScroll,
- touchstart : previewBindScroll,
- touchend : previewUnbindScroll
- });
-
- return this;
- },
-
- bindChangeEvent : function() {
-
- var _this = this;
- var cm = this.cm;
- var settings = this.settings;
-
- if (!settings.syncScrolling) {
- return this;
- }
-
- cm.on("change", function() {
- if (settings.watch)
- {
- _this.previewContainer.css("padding", settings.autoHeight ? "20px 20px 50px 40px" : "20px");
- }
-
- timer = setTimeout(function() {
- clearTimeout(timer);
- _this.save();
- timer = null;
- }, settings.delay);
- });
-
- return this;
- },
-
- /**
- * 加载队列完成之后的显示处理
- * Display handle of the module queues loaded after.
- *
- * @param {Boolean} recreate 是否为重建编辑器
- * @returns {editormd} 返回editormd的实例对象
- */
-
- loadedDisplay : function(recreate) {
-
- recreate = recreate || false;
-
- var _this = this;
- var editor = this.editor;
- var preview = this.preview;
- var settings = this.settings;
-
- this.containerMask.hide();
-
- this.save();
-
- if (settings.watch) {
- preview.show();
- }
-
- editor.data("oldWidth", editor.width()).data("oldHeight", editor.height()); // 为了兼容Zepto
-
- this.resize();
- this.registerKeyMaps();
-
- $(window).resize(function(){
- _this.resize();
- });
-
- this.bindScrollEvent().bindChangeEvent();
-
- if (!recreate)
- {
- $.proxy(settings.onload, this)();
- }
-
- this.state.loaded = true;
-
- return this;
- },
-
- /**
- * 设置编辑器的宽度
- * Set editor width
- *
- * @param {Number|String} width 编辑器宽度值
- * @returns {editormd} 返回editormd的实例对象
- */
-
- width : function(width) {
-
- this.editor.css("width", (typeof width === "number") ? width + "px" : width);
- this.resize();
-
- return this;
- },
-
- /**
- * 设置编辑器的高度
- * Set editor height
- *
- * @param {Number|String} height 编辑器高度值
- * @returns {editormd} 返回editormd的实例对象
- */
-
- height : function(height) {
-
- this.editor.css("height", (typeof height === "number") ? height + "px" : height);
- this.resize();
-
- return this;
- },
-
- /**
- * 调整编辑器的尺寸和布局
- * Resize editor layout
- *
- * @param {Number|String} [width=null] 编辑器宽度值
- * @param {Number|String} [height=null] 编辑器高度值
- * @returns {editormd} 返回editormd的实例对象
- */
-
- resize : function(width, height) {
-
- width = width || null;
- height = height || null;
-
- var state = this.state;
- var editor = this.editor;
- var preview = this.preview;
- var toolbar = this.toolbar;
- var settings = this.settings;
- var codeMirror = this.codeMirror;
-
- if (width)
- {
- editor.css("width", (typeof width === "number") ? width + "px" : width);
- }
-
- if (settings.autoHeight && !state.fullscreen && !state.preview)
- {
- editor.css("height", "auto");
- codeMirror.css("height", "auto");
- }
- else
- {
- if (height)
- {
- editor.css("height", (typeof height === "number") ? height + "px" : height);
- }
-
- if (state.fullscreen)
- {
- editor.height($(window).height());
- }
-
- if (settings.toolbar && !settings.readOnly)
- {
- codeMirror.css("margin-top", toolbar.height() + 1).height(editor.height() - toolbar.height());
- }
- else
- {
- codeMirror.css("margin-top", 0).height(editor.height());
- }
- }
-
- if(settings.watch)
- {
- codeMirror.width((editor.width() / 2) - 1);
- preview.width((!state.preview) ? editor.width() / 2 : editor.width());
-
- this.previewContainer.css("padding", settings.autoHeight ? "20px 20px 50px 40px" : "20px");
-
- if (settings.toolbar && !settings.readOnly)
- {
- preview.css("top", toolbar.height() + 1);
- }
- else
- {
- preview.css("top", 0);
- }
-
- if (settings.autoHeight && !state.fullscreen && !state.preview)
- {
- preview.height("");
- }
- else
- {
- var previewHeight = (settings.toolbar && !settings.readOnly) ? editor.height() - toolbar.height() : editor.height();
-
- preview.height(previewHeight);
- }
- }
- else
- {
- codeMirror.width(editor.width());
- preview.hide();
- }
-
- if (state.loaded)
- {
- $.proxy(settings.onresize, this)();
- }
-
- return this;
- },
-
- /**
- * 解析和保存Markdown代码
- * Parse & Saving Markdown source code
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- save : function() {
-
- if (timer === null)
- {
- return this;
- }
-
- var _this = this;
- var state = this.state;
- var settings = this.settings;
- var cm = this.cm;
- var cmValue = cm.getValue();
- var previewContainer = this.previewContainer;
-
- if (settings.mode !== "gfm" && settings.mode !== "markdown")
- {
- this.markdownTextarea.val(cmValue);
-
- return this;
- }
-
- var marked = editormd.$marked;
- var markdownToC = this.markdownToC = [];
- var rendererOptions = this.markedRendererOptions = {
- toc : settings.toc,
- tocm : settings.tocm,
- tocStartLevel : settings.tocStartLevel,
- pageBreak : settings.pageBreak,
- taskList : settings.taskList,
- emoji : settings.emoji,
- tex : settings.tex,
- atLink : settings.atLink, // for @link
- emailLink : settings.emailLink, // for mail address auto link
- flowChart : settings.flowChart,
- sequenceDiagram : settings.sequenceDiagram,
- previewCodeHighlight : settings.previewCodeHighlight,
- };
-
- var markedOptions = this.markedOptions = {
- renderer : editormd.markedRenderer(markdownToC, rendererOptions),
- gfm : true,
- tables : true,
- breaks : true,
- pedantic : false,
- sanitize : (settings.htmlDecode) ? false : true, // 关闭忽略HTML标签，即开启识别HTML标签，默认为false
- smartLists : true,
- smartypants : true
- };
-
- marked.setOptions(markedOptions);
-
- var newMarkdownDoc = editormd.$marked(cmValue, markedOptions);
- newMarkdownDoc = editormd.filterHTMLTags(newMarkdownDoc, settings.htmlDecode);
-
- this.markdownTextarea.text(cmValue);
-
- cm.save();
-
- if (settings.saveHTMLToTextarea)
- {
- this.htmlTextarea.text(newMarkdownDoc);
- }
-
- if(settings.watch || (!settings.watch && state.preview))
- {
- previewContainer.html(newMarkdownDoc);
-
- previewContainer.find(".task-list-item").each(function () {
- $(this).parent().addClass("task-list");
- });
-
- this.previewCodeHighlight();
-
- if (settings.toc)
- {
- var tocContainer = (settings.tocContainer === "") ? previewContainer : $(settings.tocContainer);
- var tocMenu = tocContainer.find("." + this.classPrefix + "toc-menu");
-
- tocContainer.attr("previewContainer", (settings.tocContainer === "") ? "true" : "false");
-
- if (settings.tocContainer !== "" && tocMenu.length > 0)
- {
- tocMenu.remove();
- }
-
- editormd.markdownToCRenderer(markdownToC, tocContainer, settings.tocDropdown, settings.tocStartLevel);
-
- if (settings.tocDropdown || tocContainer.find("." + this.classPrefix + "toc-menu").length > 0)
- {
- editormd.tocDropdownMenu(tocContainer, (settings.tocTitle !== "") ? settings.tocTitle : this.lang.tocTitle);
- }
-
- if (settings.tocContainer !== "")
- {
- previewContainer.find(".markdown-toc").css("border", "none");
- }
- }
-
- if (settings.tex)
- {
- if (!editormd.kaTeXLoaded && settings.autoLoadModules)
- {
- editormd.loadKaTeX(function() {
- editormd.$katex = katex;
- editormd.kaTeXLoaded = true;
- _this.katexRender();
- });
- }
- else
- {
- editormd.$katex = katex;
- this.katexRender();
- }
- }
-
- if (settings.flowChart || settings.sequenceDiagram)
- {
- flowchartTimer = setTimeout(function(){
- clearTimeout(flowchartTimer);
- _this.flowChartAndSequenceDiagramRender();
- flowchartTimer = null;
- }, 10);
- }
-
- if (state.loaded)
- {
- $.proxy(settings.onchange, this)();
- }
- }
-
- return this;
- },
-
- /**
- * 聚焦光标位置
- * Focusing the cursor position
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- focus : function() {
- this.cm.focus();
-
- return this;
- },
-
- /**
- * 设置光标的位置
- * Set cursor position
- *
- * @param {Object} cursor 要设置的光标位置键值对象，例：{line:1, ch:0}
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setCursor : function(cursor) {
- this.cm.setCursor(cursor);
-
- return this;
- },
-
- /**
- * 获取当前光标的位置
- * Get the current position of the cursor
- *
- * @returns {Cursor} 返回一个光标Cursor对象
- */
-
- getCursor : function() {
- return this.cm.getCursor();
- },
-
- /**
- * 设置光标选中的范围
- * Set cursor selected ranges
- *
- * @param {Object} from 开始位置的光标键值对象，例：{line:1, ch:0}
- * @param {Object} to 结束位置的光标键值对象，例：{line:1, ch:0}
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setSelection : function(from, to) {
-
- this.cm.setSelection(from, to);
-
- return this;
- },
-
- /**
- * 获取光标选中的文本
- * Get the texts from cursor selected
- *
- * @returns {String} 返回选中文本的字符串形式
- */
-
- getSelection : function() {
- return this.cm.getSelection();
- },
-
- /**
- * 设置光标选中的文本范围
- * Set the cursor selection ranges
- *
- * @param {Array} ranges cursor selection ranges array
- * @returns {Array} return this
- */
-
- setSelections : function(ranges) {
- this.cm.setSelections(ranges);
-
- return this;
- },
-
- /**
- * 获取光标选中的文本范围
- * Get the cursor selection ranges
- *
- * @returns {Array} return selection ranges array
- */
-
- getSelections : function() {
- return this.cm.getSelections();
- },
-
- /**
- * 替换当前光标选中的文本或在当前光标处插入新字符
- * Replace the text at the current cursor selected or insert a new character at the current cursor position
- *
- * @param {String} value 要插入的字符值
- * @returns {editormd} 返回editormd的实例对象
- */
-
- replaceSelection : function(value) {
- this.cm.replaceSelection(value);
-
- return this;
- },
-
- /**
- * 在当前光标处插入新字符
- * Insert a new character at the current cursor position
- *
- * 同replaceSelection()方法
- * With the replaceSelection() method
- *
- * @param {String} value 要插入的字符值
- * @returns {editormd} 返回editormd的实例对象
- */
-
- insertValue : function(value) {
- this.replaceSelection(value);
-
- return this;
- },
-
- /**
- * 追加markdown
- * append Markdown to editor
- *
- * @param {String} md 要追加的markdown源文档
- * @returns {editormd} 返回editormd的实例对象
- */
-
- appendMarkdown : function(md) {
- var cm = this.cm;
-
- cm.setValue(cm.getValue() + md);
-
- return this;
- },
-
- /**
- * 设置和传入编辑器的markdown源文档
- * Set Markdown source document
- *
- * @param {String} md 要传入的markdown源文档
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setMarkdown : function(md) {
- this.cm.setValue(md || this.settings.markdown);
-
- return this;
- },
-
- /**
- * 获取编辑器的markdown源文档
- * Set Editor.md markdown/CodeMirror value
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- getMarkdown : function() {
- return this.cm.getValue();
- },
-
- /**
- * 获取编辑器的源文档
- * Get CodeMirror value
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- getValue : function() {
- return this.cm.getValue();
- },
-
- /**
- * 设置编辑器的源文档
- * Set CodeMirror value
- *
- * @param {String} value set code/value/string/text
- * @returns {editormd} 返回editormd的实例对象
- */
-
- setValue : function(value) {
- this.cm.setValue(value);
-
- return this;
- },
-
- /**
- * 清空编辑器
- * Empty CodeMirror editor container
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- clear : function() {
- this.cm.setValue("");
-
- return this;
- },
-
- /**
- * 获取解析后存放在Textarea的HTML源码
- * Get parsed html code from Textarea
- *
- * @returns {String} 返回HTML源码
- */
-
- getHTML : function() {
- if (!this.settings.saveHTMLToTextarea)
- {
- alert("Error: settings.saveHTMLToTextarea == false");
-
- return false;
- }
-
- return this.htmlTextarea.val();
- },
-
- /**
- * getHTML()的别名
- * getHTML (alias)
- *
- * @returns {String} Return html code 返回HTML源码
- */
-
- getTextareaSavedHTML : function() {
- return this.getHTML();
- },
-
- /**
- * 获取预览窗口的HTML源码
- * Get html from preview container
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- getPreviewedHTML : function() {
- if (!this.settings.watch)
- {
- alert("Error: settings.watch == false");
-
- return false;
- }
-
- return this.previewContainer.html();
- },
-
- /**
- * 开启实时预览
- * Enable real-time watching
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- watch : function(callback) {
- var settings = this.settings;
-
- if ($.inArray(settings.mode, ["gfm", "markdown"]) < 0)
- {
- return this;
- }
-
- this.state.watching = settings.watch = true;
- this.preview.show();
-
- if (this.toolbar)
- {
- var watchIcon = settings.toolbarIconsClass.watch;
- var unWatchIcon = settings.toolbarIconsClass.unwatch;
-
- var icon = this.toolbar.find(".fa[name=watch]");
- icon.parent().attr("title", settings.lang.toolbar.watch);
- icon.removeClass(unWatchIcon).addClass(watchIcon);
- }
-
- this.codeMirror.css("border-right", "1px solid #ddd").width(this.editor.width() / 2);
-
- timer = 0;
-
- this.save().resize();
-
- if (!settings.onwatch)
- {
- settings.onwatch = callback || function() {};
- }
-
- $.proxy(settings.onwatch, this)();
-
- return this;
- },
-
- /**
- * 关闭实时预览
- * Disable real-time watching
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- unwatch : function(callback) {
- var settings = this.settings;
- this.state.watching = settings.watch = false;
- this.preview.hide();
-
- if (this.toolbar)
- {
- var watchIcon = settings.toolbarIconsClass.watch;
- var unWatchIcon = settings.toolbarIconsClass.unwatch;
-
- var icon = this.toolbar.find(".fa[name=watch]");
- icon.parent().attr("title", settings.lang.toolbar.unwatch);
- icon.removeClass(watchIcon).addClass(unWatchIcon);
- }
-
- this.codeMirror.css("border-right", "none").width(this.editor.width());
-
- this.resize();
-
- if (!settings.onunwatch)
- {
- settings.onunwatch = callback || function() {};
- }
-
- $.proxy(settings.onunwatch, this)();
-
- return this;
- },
-
- /**
- * 显示编辑器
- * Show editor
- *
- * @param {Function} [callback=function()] 回调函数
- * @returns {editormd} 返回editormd的实例对象
- */
-
- show : function(callback) {
- callback = callback || function() {};
-
- var _this = this;
- this.editor.show(0, function() {
- $.proxy(callback, _this)();
- });
-
- return this;
- },
-
- /**
- * 隐藏编辑器
- * Hide editor
- *
- * @param {Function} [callback=function()] 回调函数
- * @returns {editormd} 返回editormd的实例对象
- */
-
- hide : function(callback) {
- callback = callback || function() {};
-
- var _this = this;
- this.editor.hide(0, function() {
- $.proxy(callback, _this)();
- });
-
- return this;
- },
-
- /**
- * 消毁并移除编辑器实例 v1.5.1+
- *
- * destroy & remove editor
- *
- * @returns {void} void 无返回值
- */
-
- destroy : function () {
- this.hide();
- this.editor.remove();
- },
-
- /**
- * 隐藏编辑器部分，只预览HTML
- * Enter preview html state
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- previewing : function() {
-
- var _this = this;
- var editor = this.editor;
- var preview = this.preview;
- var toolbar = this.toolbar;
- var settings = this.settings;
- var codeMirror = this.codeMirror;
- var previewContainer = this.previewContainer;
-
- if ($.inArray(settings.mode, ["gfm", "markdown"]) < 0) {
- return this;
- }
-
- var editorHeight = this.editor.outerHeight();
-
- if (settings.toolbar && toolbar) {
- toolbar.toggle();
- toolbar.find(".fa[name=preview]").toggleClass("active");
- }
-
- codeMirror.toggle();
-
- var escHandle = function(event) {
- if (event.shiftKey && event.keyCode === 27) {
- _this.previewed();
- }
- };
-
- if (codeMirror.css("display") === "none") // 为了兼容Zepto，而不使用codeMirror.is(":hidden")
- {
- this.state.preview = true;
-
- if (this.settings.autoHeight) {
- this.editor.css("height", editorHeight);
- }
-
- if (this.state.fullscreen) {
- preview.css("background", "#fff");
- }
-
- editor.find("." + this.classPrefix + "preview-close-btn").show().bind("click", function(){
- _this.previewed();
- });
-
- if (!settings.watch)
- {
- this.save();
- }
- else
- {
- previewContainer.css("padding", "");
- }
-
- previewContainer.addClass(this.classPrefix + "preview-active");
-
- preview.show().css({
- position : "",
- top : 0,
- width : editor.width(),
- height : (settings.autoHeight && !this.state.fullscreen) ? "auto" : editor.height()
- });
-
- if (this.state.loaded)
- {
- $.proxy(settings.onpreviewing, this)();
- }
-
- $(window).bind("keyup", escHandle);
- }
- else
- {
- $(window).unbind("keyup", escHandle);
- this.previewed();
- }
- },
-
- /**
- * 显示编辑器部分，退出只预览HTML
- * Exit preview html state
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- previewed : function() {
-
- var editor = this.editor;
- var preview = this.preview;
- var toolbar = this.toolbar;
- var settings = this.settings;
- var previewContainer = this.previewContainer;
- var previewCloseBtn = editor.find("." + this.classPrefix + "preview-close-btn");
-
- this.state.preview = false;
-
- this.codeMirror.show();
-
- if (settings.toolbar) {
- toolbar.show();
- }
-
- preview[(settings.watch) ? "show" : "hide"]();
-
- previewCloseBtn.hide().unbind("click");
-
- previewContainer.removeClass(this.classPrefix + "preview-active");
-
- if (settings.watch)
- {
- previewContainer.css("padding", "20px");
- }
-
- if (this.settings.autoHeight) {
- this.editor.css("height", "auto");
- }
-
- preview.css({
- background : null,
- position : "absolute",
- width : editor.width() / 2,
- height : (settings.autoHeight && !this.state.fullscreen) ? "auto" : editor.height() - toolbar.height(),
- top : (settings.toolbar) ? toolbar.height() : 0
- });
-
- if (this.state.loaded)
- {
- $.proxy(settings.onpreviewed, this)();
- }
-
- return this;
- },
-
- /**
- * 编辑器全屏显示
- * Fullscreen show
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- fullscreen : function() {
-
- var _this = this;
- var state = this.state;
- var editor = this.editor;
- var toolbar = this.toolbar;
- var settings = this.settings;
- var fullscreenClass = this.classPrefix + "fullscreen";
-
- if (toolbar) {
- toolbar.find(".fa[name=fullscreen]").parent().toggleClass("active");
- }
-
- var escHandle = function(event) {
- if (!event.shiftKey && event.keyCode === 27)
- {
- if (state.fullscreen)
- {
- _this.fullscreenExit();
- }
- }
- };
-
- if (!editor.hasClass(fullscreenClass))
- {
- state.fullscreen = true;
-
- $("html,body").css("overflow", "hidden");
-
- editor.css({
- width : $(window).width(),
- height : $(window).height()
- }).addClass(fullscreenClass);
-
- this.resize();
-
- $.proxy(settings.onfullscreen, this)();
-
- $(window).bind("keyup", escHandle);
- }
- else
- {
- $(window).unbind("keyup", escHandle);
- this.fullscreenExit();
- }
-
- return this;
- },
-
- /**
- * 编辑器退出全屏显示
- * Exit fullscreen state
- *
- * @returns {editormd} 返回editormd的实例对象
- */
-
- fullscreenExit : function() {
-
- var editor = this.editor;
- var settings = this.settings;
- var toolbar = this.toolbar;
- var fullscreenClass = this.classPrefix + "fullscreen";
-
- this.state.fullscreen = false;
-
- if (toolbar) {
- toolbar.find(".fa[name=fullscreen]").parent().removeClass("active");
- }
-
- $("html,body").css("overflow", "");
-
- editor.css({
- width : editor.data("oldWidth"),
- height : editor.data("oldHeight")
- }).removeClass(fullscreenClass);
-
- this.resize();
-
- $.proxy(settings.onfullscreenExit, this)();
-
- return this;
- },
-
- /**
- * 加载并执行插件
- * Load and execute the plugin
- *
- * @param {String} name plugin name / function name
- * @param {String} path plugin load path
- * @returns {editormd} 返回editormd的实例对象
- */
-
- executePlugin : function(name, path) {
-
- var _this = this;
- var cm = this.cm;
- var settings = this.settings;
-
- path = settings.pluginPath + path;
-
- if (typeof define === "function")
- {
- if (typeof this[name] === "undefined")
- {
- alert("Error: " + name + " plugin is not found, you are not load this plugin.");
-
- return this;
- }
-
- this[name](cm);
-
- return this;
- }
-
- if ($.inArray(path, editormd.loadFiles.plugin) < 0)
- {
- editormd.loadPlugin(path, function() {
- editormd.loadPlugins[name] = _this[name];
- _this[name](cm);
- });
- }
- else
- {
- $.proxy(editormd.loadPlugins[name], this)(cm);
- }
-
- return this;
- },
-
- /**
- * 搜索替换
- * Search & replace
- *
- * @param {String} command CodeMirror serach commands, "find, fintNext, fintPrev, clearSearch, replace, replaceAll"
- * @returns {editormd} return this
- */
-
- search : function(command) {
- var settings = this.settings;
-
- if (!settings.searchReplace)
- {
- alert("Error: settings.searchReplace == false");
- return this;
- }
-
- if (!settings.readOnly)
- {
- this.cm.execCommand(command || "find");
- }
-
- return this;
- },
-
- searchReplace : function() {
- this.search("replace");
-
- return this;
- },
-
- searchReplaceAll : function() {
- this.search("replaceAll");
-
- return this;
- }
- };
-
- editormd.fn.init.prototype = editormd.fn;
-
- /**
- * 锁屏
- * lock screen when dialog opening
- *
- * @returns {void}
- */
-
- editormd.dialogLockScreen = function() {
- var settings = this.settings || {dialogLockScreen : true};
-
- if (settings.dialogLockScreen)
- {
- $("html,body").css("overflow", "hidden");
- this.resize();
- }
- };
-
- /**
- * 显示透明背景层
- * Display mask layer when dialog opening
- *
- * @param {Object} dialog dialog jQuery object
- * @returns {void}
- */
-
- editormd.dialogShowMask = function(dialog) {
- var editor = this.editor;
- var settings = this.settings || {dialogShowMask : true};
-
- dialog.css({
- top : ($(window).height() - dialog.height()) / 2 + "px",
- left : ($(window).width() - dialog.width()) / 2 + "px"
- });
-
- if (settings.dialogShowMask) {
- editor.children("." + this.classPrefix + "mask").css("z-index", parseInt(dialog.css("z-index")) - 1).show();
- }
- };
-
- editormd.toolbarHandlers = {
- undo : function() {
- this.cm.undo();
- },
-
- redo : function() {
- this.cm.redo();
- },
-
- bold : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- cm.replaceSelection("**" + selection + "**");
-
- if(selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 2);
- }
- },
-
- del : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- cm.replaceSelection("~~" + selection + "~~");
-
- if(selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 2);
- }
- },
-
- italic : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- cm.replaceSelection("*" + selection + "*");
-
- if(selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 1);
- }
- },
-
- quote : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- if (cursor.ch !== 0)
- {
- cm.setCursor(cursor.line, 0);
- cm.replaceSelection("> " + selection);
- cm.setCursor(cursor.line, cursor.ch + 2);
- }
- else
- {
- cm.replaceSelection("> " + selection);
- }
-
- //cm.replaceSelection("> " + selection);
- //cm.setCursor(cursor.line, (selection === "") ? cursor.ch + 2 : cursor.ch + selection.length + 2);
- },
-
- ucfirst : function() {
- var cm = this.cm;
- var selection = cm.getSelection();
- var selections = cm.listSelections();
-
- cm.replaceSelection(editormd.firstUpperCase(selection));
- cm.setSelections(selections);
- },
-
- ucwords : function() {
- var cm = this.cm;
- var selection = cm.getSelection();
- var selections = cm.listSelections();
-
- cm.replaceSelection(editormd.wordsFirstUpperCase(selection));
- cm.setSelections(selections);
- },
-
- uppercase : function() {
- var cm = this.cm;
- var selection = cm.getSelection();
- var selections = cm.listSelections();
-
- cm.replaceSelection(selection.toUpperCase());
- cm.setSelections(selections);
- },
-
- lowercase : function() {
- var cm = this.cm;
- var selection = cm.getSelection();
- var selections = cm.listSelections();
-
- cm.replaceSelection(selection.toLowerCase());
- cm.setSelections(selections);
- },
-
- h1 : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- if (cursor.ch !== 0)
- {
- cm.setCursor(cursor.line, 0);
- cm.replaceSelection("# " + selection);
- cm.setCursor(cursor.line, cursor.ch + 2);
- }
- else
- {
- cm.replaceSelection("# " + selection);
- }
- },
-
- h2 : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- if (cursor.ch !== 0)
- {
- cm.setCursor(cursor.line, 0);
- cm.replaceSelection("## " + selection);
- cm.setCursor(cursor.line, cursor.ch + 3);
- }
- else
- {
- cm.replaceSelection("## " + selection);
- }
- },
-
- h3 : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- if (cursor.ch !== 0)
- {
- cm.setCursor(cursor.line, 0);
- cm.replaceSelection("### " + selection);
- cm.setCursor(cursor.line, cursor.ch + 4);
- }
- else
- {
- cm.replaceSelection("### " + selection);
- }
- },
-
- h4 : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- if (cursor.ch !== 0)
- {
- cm.setCursor(cursor.line, 0);
- cm.replaceSelection("#### " + selection);
- cm.setCursor(cursor.line, cursor.ch + 5);
- }
- else
- {
- cm.replaceSelection("#### " + selection);
- }
- },
-
- h5 : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- if (cursor.ch !== 0)
- {
- cm.setCursor(cursor.line, 0);
- cm.replaceSelection("##### " + selection);
- cm.setCursor(cursor.line, cursor.ch + 6);
- }
- else
- {
- cm.replaceSelection("##### " + selection);
- }
- },
-
- h6 : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- if (cursor.ch !== 0)
- {
- cm.setCursor(cursor.line, 0);
- cm.replaceSelection("###### " + selection);
- cm.setCursor(cursor.line, cursor.ch + 7);
- }
- else
- {
- cm.replaceSelection("###### " + selection);
- }
- },
-
- "list-ul" : function() {
- var cm = this.cm;
- var selection = cm.getSelection();
-
- if (selection === "")
- {
- cm.replaceSelection("- " + selection);
- }
- else
- {
- var selectionText = selection.split("\n");
-
- for (var i = 0, len = selectionText.length; i < len; i++)
- {
- selectionText[i] = (selectionText[i] === "") ? "" : "- " + selectionText[i];
- }
-
- cm.replaceSelection(selectionText.join("\n"));
- }
- },
-
- "list-ol" : function() {
- var cm = this.cm;
- var selection = cm.getSelection();
-
- if(selection === "")
- {
- cm.replaceSelection("1. " + selection);
- }
- else
- {
- var selectionText = selection.split("\n");
-
- for (var i = 0, len = selectionText.length; i < len; i++)
- {
- selectionText[i] = (selectionText[i] === "") ? "" : (i+1) + ". " + selectionText[i];
- }
-
- cm.replaceSelection(selectionText.join("\n"));
- }
- },
-
- hr : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
-
- cm.replaceSelection(((cursor.ch !== 0) ? "\n\n" : "\n") + "------------\n\n");
- },
-
- tex : function() {
- if (!this.settings.tex)
- {
- alert("settings.tex === false");
- return this;
- }
-
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- cm.replaceSelection("$$" + selection + "$$");
-
- if(selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 2);
- }
- },
-
- link : function() {
- this.executePlugin("linkDialog", "link-dialog/link-dialog");
- },
-
- "reference-link" : function() {
- this.executePlugin("referenceLinkDialog", "reference-link-dialog/reference-link-dialog");
- },
-
- pagebreak : function() {
- if (!this.settings.pageBreak)
- {
- alert("settings.pageBreak === false");
- return this;
- }
-
- var cm = this.cm;
-
- cm.replaceSelection("\r\n[========]\r\n");
- },
-
- image : function() {
- this.executePlugin("imageDialog", "image-dialog/image-dialog");
- },
-
- code : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- cm.replaceSelection("`" + selection + "`");
-
- if (selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 1);
- }
- },
-
- "code-block" : function() {
- this.executePlugin("codeBlockDialog", "code-block-dialog/code-block-dialog");
- },
-
- "preformatted-text" : function() {
- this.executePlugin("preformattedTextDialog", "preformatted-text-dialog/preformatted-text-dialog");
- },
-
- table : function() {
- this.executePlugin("tableDialog", "table-dialog/table-dialog");
- },
-
- datetime : function() {
- var cm = this.cm;
- var langName = this.settings.lang.name;
- var datefmt = editormd.dateFormat() + " " + editormd.dateFormat((langName === "zh-cn" || langName === "zh-tw") ? "cn-week-day" : "week-day");
-
- cm.replaceSelection(datefmt);
- },
-
- emoji : function() {
- this.executePlugin("emojiDialog", "emoji-dialog/emoji-dialog");
- },
-
- "html-entities" : function() {
- this.executePlugin("htmlEntitiesDialog", "html-entities-dialog/html-entities-dialog");
- },
-
- "goto-line" : function() {
- this.executePlugin("gotoLineDialog", "goto-line-dialog/goto-line-dialog");
- },
-
- watch : function() {
- this[this.settings.watch ? "unwatch" : "watch"]();
- },
-
- preview : function() {
- this.previewing();
- },
-
- fullscreen : function() {
- this.fullscreen();
- },
-
- clear : function() {
- this.clear();
- },
-
- search : function() {
- this.search();
- },
-
- help : function() {
- this.executePlugin("helpDialog", "help-dialog/help-dialog");
- },
-
- info : function() {
- this.showInfoDialog();
- }
- };
-
- // var isMac = navigator.platform.toUpperCase().indexOf("MAC") >= 0;
- // var key = isMac ? "Cmd" : "Ctrl";
-
- editormd.keyMaps = {
- "Ctrl-1" : "h1",
- "Ctrl-2" : "h2",
- "Ctrl-3" : "h3",
- "Ctrl-4" : "h4",
- "Ctrl-5" : "h5",
- "Ctrl-6" : "h6",
- "Ctrl-B" : "bold", // if this is string == editormd.toolbarHandlers.xxxx
- "Ctrl-D" : "datetime",
- "Ctrl-E" : function() { // emoji
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- if (!this.settings.emoji)
- {
- alert("Error: settings.emoji == false");
- return ;
- }
-
- cm.replaceSelection(":" + selection + ":");
-
- if (selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 1);
- }
- },
- "Ctrl-Alt-G" : "goto-line",
- "Ctrl-H" : "hr",
- "Ctrl-I" : "italic",
- "Ctrl-K" : "code",
- "Ctrl-L" : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- var title = (selection === "") ? "" : " \""+selection+"\"";
-
- cm.replaceSelection("[" + selection + "]("+title+")");
-
- if (selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 1);
- }
- },
- "Ctrl-U" : "list-ul",
- "Shift-Ctrl-A" : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- if (!this.settings.atLink)
- {
- alert("Error: settings.atLink == false");
- return ;
- }
-
- cm.replaceSelection("@" + selection);
-
- if (selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 1);
- }
- },
- "Shift-Ctrl-C" : "code",
- "Shift-Ctrl-Q" : "quote",
- "Shift-Ctrl-S" : "del",
- "Shift-Ctrl-K" : "tex", // KaTeX
- "Shift-Alt-C" : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- cm.replaceSelection(["```", selection, "```"].join("\n"));
-
- if (selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 3);
- }
- },
- "Shift-Ctrl-Alt-C" : "code-block",
- "Shift-Ctrl-H" : "html-entities",
- "Shift-Alt-H" : "help",
- "Shift-Ctrl-E" : "emoji",
- "Shift-Ctrl-U" : "uppercase",
- "Shift-Alt-U" : "ucwords",
- "Shift-Ctrl-Alt-U" : "ucfirst",
- "Shift-Alt-L" : "lowercase",
- "Shift-Ctrl-I" : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
-
- var title = (selection === "") ? "" : " \"" + selection + "\"";
-
- cm.replaceSelection("![" + selection + "](" + title + ")");
-
- if (selection === "") {
- cm.setCursor(cursor.line, cursor.ch + 4);
- }
- },
- "Shift-Ctrl-Alt-I" : "image",
- "Shift-Ctrl-L" : "link",
- "Shift-Ctrl-O" : "list-ol",
- "Shift-Ctrl-P" : "preformatted-text",
- "Shift-Ctrl-T" : "table",
- "Shift-Alt-P" : "pagebreak",
- "F9" : "watch",
- "F10" : "preview",
- "F11" : "fullscreen",
- };
-
- /**
- * 清除字符串两边的空格
- * Clear the space of strings both sides.
- *
- * @param {String} str string
- * @returns {String} trimed string
- */
-
- var trim = function(str) {
- return (!String.prototype.trim) ? str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "") : str.trim();
- };
-
- editormd.trim = trim;
-
- /**
- * 所有单词首字母大写
- * Words first to uppercase
- *
- * @param {String} str string
- * @returns {String} string
- */
-
- var ucwords = function (str) {
- return str.toLowerCase().replace(/\b(\w)|\s(\w)/g, function($1) {
- return $1.toUpperCase();
- });
- };
-
- editormd.ucwords = editormd.wordsFirstUpperCase = ucwords;
-
- /**
- * 字符串首字母大写
- * Only string first char to uppercase
- *
- * @param {String} str string
- * @returns {String} string
- */
-
- var firstUpperCase = function(str) {
- return str.toLowerCase().replace(/\b(\w)/, function($1){
- return $1.toUpperCase();
- });
- };
-
- editormd.firstUpperCase = editormd.ucfirst = firstUpperCase;
-
- editormd.urls = {
- atLinkBase : "https://github.com/"
- };
-
- editormd.regexs = {
- atLink : /@(\w+)/g,
- email : /(\w+)@(\w+)\.(\w+)\.?(\w+)?/g,
- emailLink : /(mailto:)?([\w\.\_]+)@(\w+)\.(\w+)\.?(\w+)?/g,
- emoji : /:([\w\+-]+):/g,
- emojiDatetime : /(\d{1,2}:\d{1,2}:\d{1,2})/g,
- twemoji : /:(tw-([\w]+)-?(\w+)?):/g,
- fontAwesome : /:(fa-([\w]+)(-(\w+)){0,}):/g,
- editormdLogo : /:(editormd-logo-?(\w+)?):/g,
- pageBreak : /^\[[=]{8,}\]$/
- };
-
- // Emoji graphics files url path
- editormd.emoji = {
- path : "https://www.webpagefx.com/tools/emoji-cheat-sheet/graphics/emojis/",
- ext : ".png"
- };
-
- // Twitter Emoji (Twemoji) graphics files url path
- editormd.twemoji = {
- path : "http://twemoji.maxcdn.com/36x36/",
- ext : ".png"
- };
-
- /**
- * 自定义marked的解析器
- * Custom Marked renderer rules
- *
- * @param {Array} markdownToC 传入用于接收TOC的数组
- * @returns {Renderer} markedRenderer 返回marked的Renderer自定义对象
- */
-
- editormd.markedRenderer = function(markdownToC, options) {
- var defaults = {
- toc : true, // Table of contents
- tocm : false,
- tocStartLevel : 1, // Said from H1 to create ToC
- pageBreak : true,
- atLink : true, // for @link
- emailLink : true, // for mail address auto link
- taskList : false, // Enable Github Flavored Markdown task lists
- emoji : false, // :emoji: , Support Twemoji, fontAwesome, Editor.md logo emojis.
- tex : false, // TeX(LaTeX), based on KaTeX
- flowChart : false, // flowChart.js only support IE9+
- sequenceDiagram : false, // sequenceDiagram.js only support IE9+
- };
-
- var _headingIds = [];
- var settings = $.extend(defaults, options || {});
- var marked = editormd.$marked;
- var markedRenderer = new marked.Renderer();
- markdownToC = markdownToC || [];
-
- var regexs = editormd.regexs;
- var atLinkReg = regexs.atLink;
- var emojiReg = regexs.emoji;
- var emailReg = regexs.email;
- var emailLinkReg = regexs.emailLink;
- var twemojiReg = regexs.twemoji;
- var faIconReg = regexs.fontAwesome;
- var editormdLogoReg = regexs.editormdLogo;
- var pageBreakReg = regexs.pageBreak;
-
- markedRenderer.emoji = function(text) {
-
- text = text.replace(editormd.regexs.emojiDatetime, function($1) {
- return $1.replace(/:/g, ":");
- });
-
- var matchs = text.match(emojiReg);
-
- if (!matchs || !settings.emoji) {
- return text;
- }
-
- for (var i = 0, len = matchs.length; i < len; i++)
- {
- if (matchs[i] === ":+1:") {
- matchs[i] = ":\\+1:";
- }
-
- text = text.replace(new RegExp(matchs[i]), function($1) {
- var faMatchs = $1.match(faIconReg);
- var name = $1.replace(/:/g, "");
-
- if (faMatchs)
- {
- for (var fa = 0, len1 = faMatchs.length; fa < len1; fa++)
- {
- var faName = faMatchs[fa].replace(/:/g, "");
-
- return "";
- }
- }
- else
- {
- var emdlogoMathcs = $1.match(editormdLogoReg);
- var twemojiMatchs = $1.match(twemojiReg);
-
- if (emdlogoMathcs)
- {
- for (var x = 0, len2 = emdlogoMathcs.length; x < len2; x++)
- {
- var logoName = emdlogoMathcs[x].replace(/:/g, "");
- return "";
- }
- }
- else if (twemojiMatchs)
- {
- for (var t = 0, len3 = twemojiMatchs.length; t < len3; t++)
- {
- var twe = twemojiMatchs[t].replace(/:/g, "").replace("tw-", "");
- return "",
- "
",
- "",
- "" + editormd.title + "v" + editormd.version + "
", - "" + this.lang.description + "
", - "", - "Copyright © 2015-" + editormd.dateFormat('yyyy') + " Pandao, The MIT License.
", - ""; - } - - return text; - }; - - 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 - { - - return marked.Renderer.prototype.code.apply(this, arguments); - } - }; - - 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"; - }; - - markedRenderer.listitem = function(text, task) { - if (settings.taskList && task) { - text = text.replace("" + this.atLink(this.emoji(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) {
-
- if (typeof html !== "string") {
- html = html.toString();
- }
-
- if (typeof filters !== "string") {
- return html;
- }
-
- var expression = filters.split("|");
- var filterTags = expression[0].split(",");
- var attrs = expression[1];
-
- 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"), "");
- }
-
- //return html;
-
- if (typeof attrs !== "undefined")
- {
- var htmlTagRegex = /\<(\w+)\s*([^\>]*)\>([^\>]*)\<\/(\w+)\>/ig;
-
- if (attrs === "*")
- {
- html = html.replace(htmlTagRegex, function($1, $2, $3, $4, $5) {
- return "<" + $2 + ">" + $4 + "";
- });
- }
- else if (attrs === "on*")
- {
- html = html.replace(htmlTagRegex, function($1, $2, $3, $4, $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
- {
- 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) {
- var defaults = {
- gfm : true,
- toc : true,
- tocm : false,
- tocStartLevel : 1,
- tocTitle : "目录",
- tocDropdown : false,
- tocContainer : "",
- markdown : "",
- markdownSourceCode : false,
- htmlDecode : false,
- autoLoadKaTeX : true,
- 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,
- sequenceDiagram : false,
- previewCodeHighlight : true
- };
-
- editormd.$marked = marked;
-
- var div = $("#" + id);
- var settings = div.settings = $.extend(true, {}, defaults, options || {});
- var saveTo = div.find("textarea");
-
- 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,
- 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,
- previewCodeHighlight : settings.previewCodeHighlight,
- };
-
- var markedOptions = {
- renderer : editormd.markedRenderer(markdownToC, rendererOptions),
- gfm : settings.gfm,
- tables : true,
- breaks : true,
- pedantic : false,
- sanitize : (settings.htmlDecode) ? false : true, // 是否忽略HTML标签，即是否开启HTML标签解析，为了安全性，默认不开启
- smartLists : true,
- smartypants : true
- };
-
- markdownDoc = markdownDoc.toString();
-
- var markdownParsed = marked(markdownDoc, markedOptions);
-
- markdownParsed = editormd.filterHTMLTags(markdownParsed, settings.htmlDecode);
-
- if (settings.markdownSourceCode) {
- saveTo.text(markdownDoc);
- } else {
- saveTo.remove();
- }
-
- div.addClass("markdown-body " + this.classPrefix + "html-preview").append(markdownParsed);
-
- div.find(".task-list-item").each(function () {
- $(this).parent().addClass("task-list");
- });
-
- 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)
- {
- div.find("pre").addClass("prettyprint linenums");
- window.prettyPrint();
- }
-
- if (!editormd.isIE8)
- {
- if (settings.flowChart) {
- div.find(".flowchart").flowChart();
- }
-
- if (settings.sequenceDiagram) {
- div.find(".sequence-diagram").sequenceDiagram({theme: "simple"});
- }
- }
-
- if (settings.tex)
- {
- var katexHandle = function() {
- div.find("." + editormd.classNames.tex).each(function(){
- var tex = $(this);
- 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();
- }
- }
-
- 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 : "https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.10.1/katex.min",
- js : "https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.10.1/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,
- cached : false,
- 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 html = "- | "; + } else { + var isHeader = (/h(\d)/.test(name)); + var index = name; + + if (name === "watch" && !settings.watch) { + index = "unwatch"; + } + + var title = settings.lang.toolbar[index]; + var iconTexts = settings.toolbarIconTexts[index]; + var iconClass = settings.toolbarIconsClass[index]; + + title = (typeof title === "undefined") ? "" : title; + iconTexts = (typeof iconTexts === "undefined") ? "" : iconTexts; + iconClass = (typeof iconClass === "undefined") ? "" : iconClass; + + var menuItem = pullRight ? "
- " : "
- "; + + if (typeof settings.toolbarCustomIcons[name] !== "undefined" && typeof settings.toolbarCustomIcons[name] !== "function") { + menuItem += settings.toolbarCustomIcons[name]; + } else { + menuItem += ""; + menuItem += ""+((isHeader) ? name.toUpperCase() : ( (iconClass === "") ? iconTexts : "") ) + ""; + menuItem += ""; + } + + menuItem += " "; + + menu = pullRight ? menuItem + menu : menu + menuItem; + } + } + + toolbarMenu.html(menu); + + toolbarMenu.find("[title=\"Lowercase\"]").attr("title", settings.lang.toolbar.lowercase); + toolbarMenu.find("[title=\"ucwords\"]").attr("title", settings.lang.toolbar.ucwords); + + this.setToolbarHandler(); + this.setToolbarAutoFixed(); + + return this; + }, + + /** + * 工具栏图标事件处理对象序列 + * Get toolbar icons event handlers + * + * @param {Object} cm CodeMirror的实例对象 + * @param {String} name 要获取的事件处理器名称 + * @returns {Object} 返回处理对象序列 + */ + + dialogLockScreen : function() { + $.proxy(editormd.dialogLockScreen, this)(); + + return this; + }, + + dialogShowMask : function(dialog) { + $.proxy(editormd.dialogShowMask, this)(dialog); + + return this; + }, + + getToolbarHandles : function(name) { + var toolbarHandlers = this.toolbarHandlers = editormd.toolbarHandlers; + + return (name && typeof toolbarIconHandlers[name] !== "undefined") ? toolbarHandlers[name] : toolbarHandlers; + }, + + /** + * 工具栏图标事件处理器 + * Bind toolbar icons event handle + * + * @returns {editormd} 返回editormd的实例对象 + */ + + setToolbarHandler : function() { + var _this = this; + var settings = this.settings; + + if (!settings.toolbar || settings.readOnly) { + return this; + } + + var toolbar = this.toolbar; + var cm = this.cm; + var classPrefix = this.classPrefix; + var toolbarIcons = this.toolbarIcons = toolbar.find("." + classPrefix + "menu > li > a"); + var toolbarIconHandlers = this.getToolbarHandles(); + + toolbarIcons.bind("click", function() { + + var icon = $(this).children(".fa"); + var name = icon.attr("name"); + var cursor = cm.getCursor(); + var selection = cm.getSelection(); + + if (name === "") { + return ; + } + + _this.activeIcon = icon; + + if (typeof toolbarIconHandlers[name] !== "undefined") { + $.proxy(toolbarIconHandlers[name], _this)(cm); + } else { + if (typeof settings.toolbarHandlers[name] !== "undefined") { + $.proxy(settings.toolbarHandlers[name], _this)(cm, icon, cursor, selection); + } + } + + if (name !== "link" && + name !== "reference-link" && + name !== "image" && + name !== "code-block" && + name !== "preformatted-text" && + name !== "watch" && + name !== "preview" && + name !== "search" && + name !== "fullscreen" && + name !== "info") { + cm.focus(); + } + + return false; + + }); + + return this; + }, + + /** + * 动态创建对话框 + * Creating custom dialogs + * + * @param {Object} options 配置项键值对 Key/Value + * @returns {dialog} 返回创建的dialog的jQuery实例对象 + */ + + createDialog : function(options) { + return $.proxy(editormd.createDialog, this)(options); + }, + + /** + * 创建关于Editor.md的对话框 + * Create about Editor.md dialog + * + * @returns {editormd} 返回editormd的实例对象 + */ + + createInfoDialog : function() { + var _this = this; + var editor = this.editor; + var classPrefix = this.classPrefix; + + var infoDialogHTML = [ + "
" + 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("click", function() {
- dialog.hide().lockScreen(false).hideMask();
-
- if (!options.cached) {
- dialog.remove();
- }
- });
-
- 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("click", btn[1]);
- }
- }
-
- if (options.title !== "" && options.drag)
- {
- var posX, posY;
- var dialogHeader = dialog.children("." + classPrefix + "dialog-header");
-
- if (!options.mask) {
- dialogHeader.bind("click", function(){
- editormd.dialogZindex += 2;
- dialog.css("z-index", editormd.dialogZindex);
- });
- }
-
- var userCanSelect = function (obj) {
- obj.removeClass(classPrefix + "user-unselect").off("selectstart");
- };
-
- var userUnselect = function (obj) {
- obj.addClass(classPrefix + "user-unselect").on("selectstart", function() { // 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";
- };
-
- 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;
- });
-
- 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;
- };
-
- /**
- * 获取指定区间的随机整数
- *
- * @return {Int} int 返回随机生成的整数
- */
-
- editormd.rand = function (n, m) {
- var c = m - n + 1;
-
- return Math.floor(Math.random() * c + n);
- };
-
- /**
- * 日期时间的格式化方法
- * 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;
-
-}));
+;(function(factory) {
+ "use strict";
+
+ // CommonJS/Node.js
+ if (typeof require === "function" && typeof exports === "object" && typeof module === "object") {
+ module.exports = factory();
+ } else if (typeof define === "function") {// AMD/CMD/Sea.js
+ if (define.amd) {// for Require.js
+ /* Require.js define replace */
+ } else {
+ define(["jquery"], factory); // for Sea.js
+ }
+ } else {
+ window.editormd = factory();
+ }
+
+}(function() {
+
+ /* Require.js assignment replace */
+
+ "use strict";
+
+ var $ = (typeof (window.jQuery) !== "undefined") ? window.jQuery : window.Zepto;
+
+ if (typeof ($) === "undefined") {
+ return ;
+ }
+
+ /**
+ * editormd
+ *
+ * @param {String} id 编辑器的ID
+ * @param {Object} options 配置选项 Key/Value
+ * @returns {Object} editormd 返回editormd对象
+ */
+
+ var editormd = function (id, options) {
+ return new editormd.fn.init(id, options);
+ };
+
+ editormd.title = editormd.$name = "Editor.md";
+ editormd.version = "1.5.1";
+ editormd.homePage = "https://pandao.github.io/editor.md/";
+ editormd.classPrefix = "editormd-";
+
+ editormd.toolbarModes = {
+ full : [
+ "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", "|",
+ "goto-line", "watch", "preview", "fullscreen", "clear", "search", "|",
+ "help", "info"
+ ],
+ simple : [
+ "undo", "redo", "|",
+ "bold", "del", "italic", "quote", "uppercase", "lowercase", "|",
+ "h1", "h2", "h3", "h4", "h5", "h6", "|",
+ "list-ul", "list-ol", "hr", "|",
+ "watch", "preview", "fullscreen", "|",
+ "help", "info"
+ ],
+ mini : [
+ "undo", "redo", "|",
+ "watch", "preview", "|",
+ "help", "info"
+ ]
+ };
+
+ editormd.defaults = {
+ mode : "gfm", //gfm or markdown
+ name : "", // Form element name
+ value : "", // value for CodeMirror, if mode not gfm/markdown
+ theme : "", // Editor.md self themes, before v1.5.0 is CodeMirror theme, default empty
+ editorTheme : "default", // Editor area, this is CodeMirror theme at v1.5.0
+ previewTheme : "", // Preview area theme, default empty
+ markdown : "", // Markdown source code
+ appendMarkdown : "", // if in init textarea value not empty, append markdown to textarea
+ width : "100%",
+ height : "100%",
+ path : "./lib/", // Dependents module file directory
+ pluginPath : "", // If this empty, default use settings.path + "../plugins/"
+ delay : 300, // Delay parse markdown to html, Uint : ms
+ autoLoadModules : true, // Automatic load dependent module files
+ watch : true,
+ placeholder : "Enjoy Markdown! coding now...",
+ gotoLine : true,
+ codeFold : false,
+ autoHeight : false,
+ autoFocus : true,
+ autoCloseTags : true,
+ searchReplace : true,
+ syncScrolling : true, // true | false | "single", default true
+ readOnly : false,
+ tabSize : 4,
+ indentUnit : 4,
+ lineNumbers : true,
+ lineWrapping : true,
+ autoCloseBrackets : true,
+ showTrailingSpace : true,
+ matchBrackets : true,
+ indentWithTabs : true,
+ styleSelectedText : true,
+ matchWordHighlight : true, // options: true, false, "onselected"
+ styleActiveLine : true, // Highlight the current line
+ dialogLockScreen : false,
+ dialogShowMask : true,
+ dialogDraggable : true,
+ dialogMaskBgColor : "#fff",
+ dialogMaskOpacity : 0.1,
+ fontSize : "13px",
+ saveHTMLToTextarea : false,
+ disabledKeyMaps : [],
+
+ onload : function() {},
+ onresize : function() {},
+ onchange : function() {},
+ onwatch : null,
+ onunwatch : null,
+ onpreviewing : function() {},
+ onpreviewed : function() {},
+ onfullscreen : function() {},
+ onfullscreenExit : function() {},
+ onscroll : function() {},
+ onpreviewscroll : function() {},
+
+ imageUpload : false,
+ imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
+ imageUploadURL : "",
+ imageUploadFields : "", // append upload form fields for CRSF etc. Server-side receives the POST parameters. v1.5.1+
+ imageUploadCallback : function() {}, // set image upload finish (success or failure) callback handler v1.5.1+
+ imageUploadCallbackName : '__Editor_md_ImageUploadCallback', // upload callback name for cross-domain upload v1.5.1+
+ crossDomainUpload : false,
+ uploadCallbackURL : "",
+
+ toc : true, // Table of contents
+ tocm : false, // Using [TOCM], auto create ToC dropdown menu
+ tocTitle : "", // for ToC dropdown menu btn
+ tocDropdown : false,
+ tocContainer : "",
+ tocStartLevel : 1, // Said from H1 to create ToC
+ htmlDecode : false, // Open the HTML tag identification
+ pageBreak : true, // Enable parse page break [========]
+ atLink : true, // for @link
+ emailLink : true, // for email address auto link
+ taskList : false, // Enable Github Flavored Markdown task lists
+ emoji : false, // :emoji: , Support Github emoji, Twitter Emoji (Twemoji);
+ // Support FontAwesome icon emoji :fa-xxx: > Using fontAwesome icon web fonts;
+ // Support Editor.md logo icon emoji :editormd-logo: :editormd-logo-1x: > 1~8x;
+ tex : false, // TeX(LaTeX), based on KaTeX
+ flowChart : false, // flowChart.js only support IE9+
+ sequenceDiagram : false, // sequenceDiagram.js only support IE9+
+ previewCodeHighlight : true,
+
+ toolbar : true, // show/hide toolbar
+ toolbarAutoFixed : true, // on window scroll auto fixed position
+ toolbarIcons : "full",
+ toolbarTitles : {},
+ toolbarHandlers : {
+ ucwords : function() {
+ return editormd.toolbarHandlers.ucwords;
+ },
+ lowercase : function() {
+ return editormd.toolbarHandlers.lowercase;
+ }
+ },
+ toolbarCustomIcons : { // using html tag create toolbar icon, unused default tag.
+ lowercase : "a",
+ "ucwords" : "Aa"
+ },
+ toolbarIconsClass : {
+ undo : "fa-undo",
+ redo : "fa-repeat",
+ bold : "fa-bold",
+ del : "fa-strikethrough",
+ italic : "fa-italic",
+ quote : "fa-quote-left",
+ uppercase : "fa-font",
+ h1 : editormd.classPrefix + "bold",
+ h2 : editormd.classPrefix + "bold",
+ h3 : editormd.classPrefix + "bold",
+ h4 : editormd.classPrefix + "bold",
+ h5 : editormd.classPrefix + "bold",
+ h6 : editormd.classPrefix + "bold",
+ "list-ul" : "fa-list-ul",
+ "list-ol" : "fa-list-ol",
+ hr : "fa-minus",
+ link : "fa-link",
+ "reference-link" : "fa-anchor",
+ image : "fa-picture-o",
+ code : "fa-code",
+ "preformatted-text" : "fa-file-code-o",
+ "code-block" : "fa-file-code-o",
+ table : "fa-table",
+ datetime : "fa-clock-o",
+ emoji : "fa-smile-o",
+ "html-entities" : "fa-copyright",
+ pagebreak : "fa-newspaper-o",
+ "goto-line" : "fa-terminal", // fa-crosshairs
+ watch : "fa-eye-slash",
+ unwatch : "fa-eye",
+ preview : "fa-desktop",
+ search : "fa-search",
+ fullscreen : "fa-arrows-alt",
+ clear : "fa-eraser",
+ help : "fa-question-circle",
+ info : "fa-info-circle"
+ },
+ toolbarIconTexts : {},
+
+ lang : {
+ name : "zh-cn",
+ description : "开源在线 Markdown 编辑器";
- 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 += "Open source online Markdown editor.", + tocTitle : "目录", + toolbar : { + undo : "撤销（Ctrl+Z）", + redo : "重做（Ctrl+Y）", + bold : "粗体", + del : "删除线", + italic : "斜体", + quote : "引用", + ucwords : "将每个单词首字母转成大写", + uppercase : "将所选转换成大写", + lowercase : "将所选转换成小写", + h1 : "标题1", + h2 : "标题2", + h3 : "标题3", + h4 : "标题4", + h5 : "标题5", + h6 : "标题6", + "list-ul" : "无序列表", + "list-ol" : "有序列表", + hr : "横线", + link : "链接", + "reference-link" : "引用链接", + image : "添加图片", + code : "行内代码", + "preformatted-text" : "预格式文本 / 代码块（缩进风格）", + "code-block" : "代码块（多语言风格）", + table : "添加表格", + datetime : "日期时间", + emoji : "Emoji表情", + "html-entities" : "HTML实体字符", + pagebreak : "插入分页符", + "goto-line" : "跳转到行", + watch : "关闭实时预览", + unwatch : "开启实时预览", + preview : "全窗口预览HTML（按 Shift + ESC还原）", + fullscreen : "全屏（按ESC还原）", + clear : "清空", + search : "搜索", + help : "使用帮助", + info : "关于" + editormd.title + }, + buttons : { + enter : "确定", + cancel : "取消", + close : "关闭" + }, + dialog : { + link : { + title : "添加链接", + url : "链接地址", + urlTitle : "链接标题", + urlEmpty : "错误：请填写链接地址。" + }, + referenceLink : { + title : "添加引用链接", + name : "引用名称", + url : "链接地址", + urlId : "链接ID", + urlTitle : "链接标题", + nameEmpty: "错误：引用链接的名称不能为空。", + idEmpty : "错误：请填写引用链接的ID。", + urlEmpty : "错误：请填写引用链接的URL地址。" + }, + image : { + title : "添加图片", + url : "图片地址", + link : "图片链接", + alt : "图片描述", + uploadButton : "本地上传", + imageURLEmpty : "错误：图片地址不能为空。", + uploadFileEmpty : "错误：上传的图片不能为空。", + formatNotAllowed : "错误：只允许上传图片文件，允许上传的图片文件格式有：" + }, + preformattedText : { + title : "添加预格式文本或代码块", + emptyAlert : "错误：请填写预格式文本或代码的内容。", + placeholder : "Coding now...." + }, + codeBlock : { + title : "添加代码块", + selectLabel : "代码语言：", + selectDefaultText : "请选择代码语言", + otherLanguage : "其他语言", + unselectedLanguageAlert : "错误：请选择代码所属的语言类型。", + codeEmptyAlert : "错误：请填写代码内容。", + placeholder : "Coding now...." + }, + htmlEntities : { + title : "HTML 实体字符" + }, + help : { + title : "使用帮助" + } + } + } + }; + + editormd.classNames = { + tex : editormd.classPrefix + "tex" + }; + + editormd.dialogZindex = 99999; + + editormd.$katex = null; + editormd.$marked = null; + editormd.$CodeMirror = null; + editormd.$prettyPrint = null; + + var timer, flowchartTimer; + + editormd.prototype = editormd.fn = { + state : { + watching : false, + loaded : false, + preview : false, + fullscreen : false + }, + + /** + * 构造函数/实例初始化 + * Constructor / instance initialization + * + * @param {String} id 编辑器的ID + * @param {Object} [options={}] 配置选项 Key/Value + * @returns {editormd} 返回editormd的实例对象 + */ + + init : function (id, options) { + + options = options || {}; + + if (typeof id === "object") { + options = id; + } + + var classPrefix = this.classPrefix = editormd.classPrefix; + var settings = $.extend(true, {}, editormd.defaults, options); + + if (options.imageFormats) { + settings.imageFormats = options.imageFormats; + } + + this.settings = settings; + + id = (typeof id === "object") ? settings.id : id; + + var editor = this.editor = $("#" + id); + + this.id = id; + this.lang = settings.lang; + + var classNames = this.classNames = { + textarea : { + html : classPrefix + "html-textarea", + markdown : classPrefix + "markdown-textarea" + } + }; + + settings.pluginPath = (settings.pluginPath === "") ? settings.path + "../plugins/" : settings.pluginPath; + + this.state.watching = (settings.watch) ? true : false; + + if ( !editor.hasClass("editormd") ) { + editor.addClass("editormd"); + } + + editor.css({ + width : (typeof settings.width === "number") ? settings.width + "px" : settings.width, + height : (typeof settings.height === "number") ? settings.height + "px" : settings.height + }); + + if (settings.autoHeight) { + editor.css("height", "auto"); + } + + var markdownTextarea = this.markdownTextarea = editor.children("textarea"); + + if (markdownTextarea.length < 1) { + editor.append(""); + markdownTextarea = this.markdownTextarea = editor.children("textarea"); + } + + markdownTextarea.addClass(classNames.textarea.markdown).attr("placeholder", settings.placeholder); + + if (typeof markdownTextarea.attr("name") === "undefined" || markdownTextarea.attr("name") === "") { + markdownTextarea.attr("name", (settings.name !== "") ? settings.name : id + "-markdown-doc"); + } + + var appendElements = [ + (!settings.readOnly) ? "" : "", + ( (settings.saveHTMLToTextarea) ? "" : "" ), + "
",
+ "",
+ ""
+ ].join("\n");
+
+ editor.append(appendElements).addClass(classPrefix + "vertical");
+
+ if (settings.theme !== "") {
+ editor.addClass(classPrefix + "theme-" + settings.theme);
+ }
+
+ this.mask = editor.children("." + classPrefix + "mask");
+ this.containerMask = editor.children("." + classPrefix + "container-mask");
+
+ if (settings.markdown !== "") {
+ markdownTextarea.val(settings.markdown);
+ }
+
+ if (settings.appendMarkdown !== "") {
+ markdownTextarea.val(markdownTextarea.val() + settings.appendMarkdown);
+ }
+
+ this.htmlTextarea = editor.children("." + classNames.textarea.html);
+ this.preview = editor.children("." + classPrefix + "preview");
+ this.previewContainer = this.preview.children("." + classPrefix + "preview-container");
+
+ if (settings.previewTheme !== "") {
+ this.preview.addClass(classPrefix + "preview-theme-" + settings.previewTheme);
+ }
+
+ if (typeof define === "function" && define.amd) {
+ if (typeof window.katex !== "undefined") {
+ editormd.$katex = window.katex;
+ }
+
+ if (settings.searchReplace && !settings.readOnly) {
+ editormd.loadCSS(settings.path + "codemirror/addon/dialog/dialog");
+ editormd.loadCSS(settings.path + "codemirror/addon/search/matchesonscrollbar");
+ }
+ }
+
+ if ((typeof define === "function" && define.amd) || !settings.autoLoadModules) {
+ if (typeof window.CodeMirror !== "undefined") {
+ editormd.$CodeMirror = window.CodeMirror;
+ }
+
+ if (typeof window.marked !== "undefined") {
+ editormd.$marked = window.marked;
+ }
+
+ this.setCodeMirror().setToolbar().loadedDisplay();
+ } else {
+ this.loadQueues();
+ }
+
+ return this;
+ },
+
+ /**
+ * 所需组件加载队列
+ * Required components loading queue
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ loadQueues : function() {
+ var _this = this;
+ var settings = this.settings;
+ var loadPath = settings.path;
+
+ var loadFlowChartOrSequenceDiagram = function() {
+
+ if (editormd.isIE8) {
+ _this.loadedDisplay();
+
+ return ;
+ }
+
+ if (settings.flowChart || settings.sequenceDiagram) {
+ editormd.loadScript(loadPath + "raphael.min", function() {
+
+ editormd.loadScript(loadPath + "underscore.min", function() {
+
+ if (!settings.flowChart && settings.sequenceDiagram) {
+ editormd.loadScript(loadPath + "sequence-diagram.min", function() {
+ _this.loadedDisplay();
+ });
+ } else if (settings.flowChart && !settings.sequenceDiagram) {
+ editormd.loadScript(loadPath + "flowchart.min", function() {
+ editormd.loadScript(loadPath + "jquery.flowchart.min", function() {
+ _this.loadedDisplay();
+ });
+ });
+ } else if (settings.flowChart && settings.sequenceDiagram) {
+ editormd.loadScript(loadPath + "flowchart.min", function() {
+ editormd.loadScript(loadPath + "jquery.flowchart.min", function() {
+ editormd.loadScript(loadPath + "sequence-diagram.min", function() {
+ _this.loadedDisplay();
+ });
+ });
+ });
+ }
+ });
+
+ });
+ } else {
+ _this.loadedDisplay();
+ }
+ };
+
+ editormd.loadCSS(loadPath + "codemirror/codemirror.min");
+
+ if (settings.searchReplace && !settings.readOnly) {
+ editormd.loadCSS(loadPath + "codemirror/addon/dialog/dialog");
+ editormd.loadCSS(loadPath + "codemirror/addon/search/matchesonscrollbar");
+ }
+
+ if (settings.codeFold) {
+ editormd.loadCSS(loadPath + "codemirror/addon/fold/foldgutter");
+ }
+
+ editormd.loadScript(loadPath + "codemirror/codemirror.min", function() {
+ editormd.$CodeMirror = CodeMirror;
+
+ editormd.loadScript(loadPath + "codemirror/modes.min", function() {
+
+ editormd.loadScript(loadPath + "codemirror/addons.min", function() {
+
+ _this.setCodeMirror();
+
+ if (settings.mode !== "gfm" && settings.mode !== "markdown") {
+ _this.loadedDisplay();
+
+ return false;
+ }
+
+ _this.setToolbar();
+
+ editormd.loadScript(loadPath + "marked.min", function() {
+
+ editormd.$marked = marked;
+
+ if (settings.previewCodeHighlight) {
+ editormd.loadScript(loadPath + "prettify.min", function() {
+ loadFlowChartOrSequenceDiagram();
+ });
+ } else {
+ loadFlowChartOrSequenceDiagram();
+ }
+ });
+
+ });
+
+ });
+
+ });
+
+ return this;
+ },
+
+ /**
+ * 设置 Editor.md 的整体主题，主要是工具栏
+ * Setting Editor.md theme
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setTheme : function(theme) {
+ var editor = this.editor;
+ var oldTheme = this.settings.theme;
+ var themePrefix = this.classPrefix + "theme-";
+
+ editor.removeClass(themePrefix + oldTheme).addClass(themePrefix + theme);
+
+ this.settings.theme = theme;
+
+ return this;
+ },
+
+ /**
+ * 设置 CodeMirror（编辑区）的主题
+ * Setting CodeMirror (Editor area) theme
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setEditorTheme : function(theme) {
+ var settings = this.settings;
+ settings.editorTheme = theme;
+
+ if (theme !== "default") {
+ editormd.loadCSS(settings.path + "codemirror/theme/" + settings.editorTheme);
+ }
+
+ this.cm.setOption("theme", theme);
+
+ return this;
+ },
+
+ /**
+ * setEditorTheme() 的别名
+ * setEditorTheme() alias
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setCodeMirrorTheme : function (theme) {
+ this.setEditorTheme(theme);
+
+ return this;
+ },
+
+ /**
+ * 设置 Editor.md 的主题
+ * Setting Editor.md theme
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setPreviewTheme : function(theme) {
+ var preview = this.preview;
+ var oldTheme = this.settings.previewTheme;
+ var themePrefix = this.classPrefix + "preview-theme-";
+
+ preview.removeClass(themePrefix + oldTheme).addClass(themePrefix + theme);
+
+ this.settings.previewTheme = theme;
+
+ return this;
+ },
+
+ /**
+ * 配置和初始化CodeMirror组件
+ * CodeMirror initialization
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setCodeMirror : function() {
+ var settings = this.settings;
+ var editor = this.editor;
+
+ if (settings.editorTheme !== "default") {
+ editormd.loadCSS(settings.path + "codemirror/theme/" + settings.editorTheme);
+ }
+
+ var codeMirrorConfig = {
+ mode : settings.mode,
+ theme : settings.editorTheme,
+ tabSize : settings.tabSize,
+ dragDrop : false,
+ autofocus : settings.autoFocus,
+ autoCloseTags : settings.autoCloseTags,
+ readOnly : (settings.readOnly) ? "nocursor" : false,
+ indentUnit : settings.indentUnit,
+ lineNumbers : settings.lineNumbers,
+ lineWrapping : settings.lineWrapping,
+ extraKeys : {
+ "Ctrl-Q": function(cm) {
+ cm.foldCode(cm.getCursor());
+ }
+ },
+ foldGutter : settings.codeFold,
+ gutters : ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
+ matchBrackets : settings.matchBrackets,
+ indentWithTabs : settings.indentWithTabs,
+ styleActiveLine : settings.styleActiveLine,
+ styleSelectedText : settings.styleSelectedText,
+ autoCloseBrackets : settings.autoCloseBrackets,
+ showTrailingSpace : settings.showTrailingSpace,
+ highlightSelectionMatches : ( (!settings.matchWordHighlight) ? false : { showToken: (settings.matchWordHighlight === "onselected") ? false : /\w/ } )
+ };
+
+ this.codeEditor = this.cm = editormd.$CodeMirror.fromTextArea(this.markdownTextarea[0], codeMirrorConfig);
+ this.codeMirror = this.cmElement = editor.children(".CodeMirror");
+
+ if (settings.value !== "") {
+ this.cm.setValue(settings.value);
+ }
+
+ this.codeMirror.css({
+ fontSize : settings.fontSize,
+ width : (!settings.watch) ? "100%" : "50%"
+ });
+
+ if (settings.autoHeight) {
+ this.codeMirror.css("height", "auto");
+ this.cm.setOption("viewportMargin", Infinity);
+ }
+
+ if (!settings.lineNumbers) {
+ this.codeMirror.find(".CodeMirror-gutters").css("border-right", "none");
+ }
+
+ return this;
+ },
+
+ /**
+ * 获取CodeMirror的配置选项
+ * Get CodeMirror setting options
+ *
+ * @returns {Mixed} return CodeMirror setting option value
+ */
+
+ getCodeMirrorOption : function(key) {
+ return this.cm.getOption(key);
+ },
+
+ /**
+ * 配置和重配置CodeMirror的选项
+ * CodeMirror setting options / resettings
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setCodeMirrorOption : function(key, value) {
+
+ this.cm.setOption(key, value);
+
+ return this;
+ },
+
+ /**
+ * 添加 CodeMirror 键盘快捷键
+ * Add CodeMirror keyboard shortcuts key map
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ addKeyMap : function(map, bottom) {
+ this.cm.addKeyMap(map, bottom);
+
+ return this;
+ },
+
+ /**
+ * 移除 CodeMirror 键盘快捷键
+ * Remove CodeMirror keyboard shortcuts key map
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ removeKeyMap : function(map) {
+ this.cm.removeKeyMap(map);
+
+ return this;
+ },
+
+ /**
+ * 跳转到指定的行
+ * Goto CodeMirror line
+ *
+ * @param {String|Intiger} line line number or "first"|"last"
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ gotoLine : function (line) {
+
+ var settings = this.settings;
+
+ if (!settings.gotoLine) {
+ return this;
+ }
+
+ var cm = this.cm;
+ var count = cm.lineCount();
+ var preview = this.preview;
+
+ if (typeof line === "string") {
+ if(line === "last") {
+ line = count;
+ }
+
+ if (line === "first") {
+ line = 1;
+ }
+ }
+
+ if (typeof line !== "number") {
+ alert("Error: The line number must be an integer.");
+ return this;
+ }
+
+ line = parseInt(line) - 1;
+
+ if (line > count) {
+ alert("Error: The line number range 1-" + count);
+
+ return this;
+ }
+
+ cm.setCursor( {line : line, ch : 0} );
+
+ var scrollInfo = cm.getScrollInfo();
+ var clientHeight = scrollInfo.clientHeight;
+ var coords = cm.charCoords({line : line, ch : 0}, "local");
+
+ cm.scrollTo(null, (coords.top + coords.bottom - clientHeight) / 2);
+
+ if (settings.watch) {
+ var cmScroll = this.codeMirror.find(".CodeMirror-scroll")[0];
+ var height = $(cmScroll).height();
+ var scrollTop = cmScroll.scrollTop;
+ var percent = (scrollTop / cmScroll.scrollHeight);
+
+ if (scrollTop === 0) {
+ preview.scrollTop(0);
+ } else if (scrollTop + height >= cmScroll.scrollHeight - 16) {
+ preview.scrollTop(preview[0].scrollHeight);
+ } else {
+ preview.scrollTop(preview[0].scrollHeight * percent);
+ }
+ }
+
+ cm.focus();
+
+ return this;
+ },
+
+ /**
+ * 扩展当前实例对象，可同时设置多个或者只设置一个
+ * Extend editormd instance object, can mutil setting.
+ *
+ * @returns {editormd} this(editormd instance object.)
+ */
+
+ extend : function() {
+ if (typeof arguments[1] !== "undefined") {
+ if (typeof arguments[1] === "function") {
+ arguments[1] = $.proxy(arguments[1], this);
+ }
+
+ this[arguments[0]] = arguments[1];
+ }
+
+ if (typeof arguments[0] === "object" && typeof arguments[0].length === "undefined") {
+ $.extend(true, this, arguments[0]);
+ }
+
+ return this;
+ },
+
+ /**
+ * 设置或扩展当前实例对象，单个设置
+ * Extend editormd instance object, one by one
+ *
+ * @param {String|Object} key option key
+ * @param {String|Object} value option value
+ * @returns {editormd} this(editormd instance object.)
+ */
+
+ set : function (key, value) {
+
+ if (typeof value !== "undefined" && typeof value === "function") {
+ value = $.proxy(value, this);
+ }
+
+ this[key] = value;
+
+ return this;
+ },
+
+ /**
+ * 重新配置
+ * Resetting editor options
+ *
+ * @param {String|Object} key option key
+ * @param {String|Object} value option value
+ * @returns {editormd} this(editormd instance object.)
+ */
+
+ config : function(key, value) {
+ var settings = this.settings;
+
+ if (typeof key === "object") {
+ settings = $.extend(true, settings, key);
+ }
+
+ if (typeof key === "string") {
+ settings[key] = value;
+ }
+
+ this.settings = settings;
+ this.recreate();
+
+ return this;
+ },
+
+ /**
+ * 注册事件处理方法
+ * Bind editor event handle
+ *
+ * @param {String} eventType event type
+ * @param {Function} callback 回调函数
+ * @returns {editormd} this(editormd instance object.)
+ */
+
+ on : function(eventType, callback) {
+ var settings = this.settings;
+
+ if (typeof settings["on" + eventType] !== "undefined") {
+ settings["on" + eventType] = $.proxy(callback, this);
+ }
+
+ return this;
+ },
+
+ /**
+ * 解除事件处理方法
+ * Unbind editor event handle
+ *
+ * @param {String} eventType event type
+ * @returns {editormd} this(editormd instance object.)
+ */
+
+ off : function(eventType) {
+ var settings = this.settings;
+
+ if (typeof settings["on" + eventType] !== "undefined") {
+ settings["on" + eventType] = function(){};
+ }
+
+ return this;
+ },
+
+ /**
+ * 显示工具栏
+ * Display toolbar
+ *
+ * @param {Function} [callback=function(){}] 回调函数
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ showToolbar : function(callback) {
+ var settings = this.settings;
+
+ if(settings.readOnly) {
+ return this;
+ }
+
+ if (settings.toolbar && (this.toolbar.length < 1 || this.toolbar.find("." + this.classPrefix + "menu").html() === "") ) {
+ this.setToolbar();
+ }
+
+ settings.toolbar = true;
+
+ this.toolbar.show();
+ this.resize();
+
+ $.proxy(callback || function(){}, this)();
+
+ return this;
+ },
+
+ /**
+ * 隐藏工具栏
+ * Hide toolbar
+ *
+ * @param {Function} [callback=function(){}] 回调函数
+ * @returns {editormd} this(editormd instance object.)
+ */
+
+ hideToolbar : function(callback) {
+ var settings = this.settings;
+
+ settings.toolbar = false;
+ this.toolbar.hide();
+ this.resize();
+
+ $.proxy(callback || function(){}, this)();
+
+ return this;
+ },
+
+ /**
+ * 页面滚动时工具栏的固定定位
+ * Set toolbar in window scroll auto fixed position
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setToolbarAutoFixed : function(fixed) {
+
+ var state = this.state;
+ var editor = this.editor;
+ var toolbar = this.toolbar;
+ var settings = this.settings;
+
+ if (typeof fixed !== "undefined") {
+ settings.toolbarAutoFixed = fixed;
+ }
+
+ var autoFixedHandle = function() {
+ var $window = $(window);
+ var top = $window.scrollTop();
+
+ if (!settings.toolbarAutoFixed) {
+ return false;
+ }
+
+ if (top - editor.offset().top > 10 && top < editor.height()) {
+ toolbar.css({
+ position : "fixed",
+ width : editor.width() + "px",
+ left : ($window.width() - editor.width()) / 2 + "px"
+ });
+ } else {
+ toolbar.css({
+ position : "absolute",
+ width : "100%",
+ left : 0
+ });
+ }
+ };
+
+ if (!state.fullscreen && !state.preview && settings.toolbar && settings.toolbarAutoFixed) {
+ $(window).bind("scroll", autoFixedHandle);
+ }
+
+ return this;
+ },
+
+ /**
+ * 配置和初始化工具栏
+ * Set toolbar and Initialization
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setToolbar : function() {
+ var settings = this.settings;
+
+ if (settings.readOnly) {
+ return this;
+ }
+
+ var editor = this.editor;
+ var classPrefix = this.classPrefix;
+
+ var toolbar = this.toolbar = editor.children("." + classPrefix + "toolbar");
+
+ if (settings.toolbar && toolbar.length < 1) {
+ var toolbarHTML = "
",
+ "
"
+ ].join("\n");
+
+ editor.append(infoDialogHTML);
+
+ var infoDialog = this.infoDialog = editor.children("." + classPrefix + "dialog-info");
+
+ infoDialog.find("." + classPrefix + "dialog-close").bind("click", function() {
+ _this.hideInfoDialog();
+ });
+
+ infoDialog.css("border", (editormd.isIE8) ? "1px solid #ddd" : "").css("z-index", editormd.dialogZindex).show();
+
+ this.infoDialogPosition();
+
+ return this;
+ },
+
+ /**
+ * 关于Editor.md对话居中定位
+ * Editor.md dialog position handle
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ infoDialogPosition : function() {
+ var infoDialog = this.infoDialog;
+
+ var _infoDialogPosition = function() {
+ infoDialog.css({
+ top : ($(window).height() - infoDialog.height()) / 2 + "px",
+ left : ($(window).width() - infoDialog.width()) / 2 + "px"
+ });
+ };
+
+ _infoDialogPosition();
+
+ $(window).resize(_infoDialogPosition);
+
+ return this;
+ },
+
+ /**
+ * 显示关于Editor.md
+ * Display about Editor.md dialog
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ showInfoDialog : function() {
+
+ $("html,body").css("overflow-x", "hidden");
+
+ var editor = this.editor;
+ var settings = this.settings;
+ var infoDialog = this.infoDialog = editor.children("." + this.classPrefix + "dialog-info");
+
+ if (infoDialog.length < 1) {
+ this.createInfoDialog();
+ }
+
+ this.lockScreen(true);
+
+ this.mask.css({
+ opacity : settings.dialogMaskOpacity,
+ backgroundColor : settings.dialogMaskBgColor
+ }).show();
+
+ infoDialog.css("z-index", editormd.dialogZindex).show();
+
+ this.infoDialogPosition();
+
+ return this;
+ },
+
+ /**
+ * 隐藏关于Editor.md
+ * Hide about Editor.md dialog
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ hideInfoDialog : function() {
+ $("html,body").css("overflow-x", "");
+ this.infoDialog.hide();
+ this.mask.hide();
+ this.lockScreen(false);
+
+ return this;
+ },
+
+ /**
+ * 锁屏
+ * lock screen
+ *
+ * @param {Boolean} lock Boolean 布尔值，是否锁屏
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ lockScreen : function(lock) {
+ editormd.lockScreen(lock);
+ this.resize();
+
+ return this;
+ },
+
+ /**
+ * 编辑器界面重建，用于动态语言包或模块加载等
+ * Recreate editor
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ recreate : function() {
+ var editor = this.editor;
+ var settings = this.settings;
+
+ this.codeMirror.remove();
+
+ this.setCodeMirror();
+
+ if (!settings.readOnly) {
+ if (editor.find(".editormd-dialog").length > 0) {
+ editor.find(".editormd-dialog").remove();
+ }
+
+ if (settings.toolbar) {
+ this.getToolbarHandles();
+ this.setToolbar();
+ }
+ }
+
+ this.loadedDisplay(true);
+
+ return this;
+ },
+
+ /**
+ * 高亮预览HTML的pre代码部分
+ * highlight of preview codes
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ previewCodeHighlight : function() {
+ var settings = this.settings;
+ var previewContainer = this.previewContainer;
+
+ if (settings.previewCodeHighlight) {
+ previewContainer.find("pre").addClass("prettyprint linenums");
+
+ if (typeof window.prettyPrint !== "undefined") {
+ window.prettyPrint();
+ }
+ }
+
+ return this;
+ },
+
+ /**
+ * 解析TeX(KaTeX)科学公式
+ * TeX(KaTeX) Renderer
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ katexRender : function() {
+
+ if (timer === null) {
+ return this;
+ }
+
+ this.previewContainer.find("." + editormd.classNames.tex).each(function(){
+ var tex = $(this);
+ editormd.$katex.render(tex.text(), tex[0]);
+
+ tex.find(".katex").css("font-size", "1.6em");
+ });
+
+ return this;
+ },
+
+ /**
+ * 解析和渲染流程图及时序图
+ * FlowChart and SequenceDiagram Renderer
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ flowChartAndSequenceDiagramRender : function() {
+ var $this = this;
+ var settings = this.settings;
+ var previewContainer = this.previewContainer;
+
+ if (editormd.isIE8) {
+ return this;
+ }
+
+ if (settings.flowChart) {
+ if (flowchartTimer === null) {
+ return this;
+ }
+
+ previewContainer.find(".flowchart").flowChart();
+ }
+
+ if (settings.sequenceDiagram) {
+ previewContainer.find(".sequence-diagram").sequenceDiagram({theme: "simple"});
+ }
+
+ var preview = $this.preview;
+ var codeMirror = $this.codeMirror;
+ var codeView = codeMirror.find(".CodeMirror-scroll");
+
+ var height = codeView.height();
+ var scrollTop = codeView.scrollTop();
+ var percent = (scrollTop / codeView[0].scrollHeight);
+ var tocHeight = 0;
+
+ preview.find(".markdown-toc-list").each(function(){
+ tocHeight += $(this).height();
+ });
+
+ var tocMenuHeight = preview.find(".editormd-toc-menu").height();
+ tocMenuHeight = (!tocMenuHeight) ? 0 : tocMenuHeight;
+
+ if (scrollTop === 0) {
+ preview.scrollTop(0);
+ } else if (scrollTop + height >= codeView[0].scrollHeight - 16) {
+ preview.scrollTop(preview[0].scrollHeight);
+ } else {
+ preview.scrollTop((preview[0].scrollHeight + tocHeight + tocMenuHeight) * percent);
+ }
+
+ return this;
+ },
+
+ /**
+ * 注册键盘快捷键处理
+ * Register CodeMirror keyMaps (keyboard shortcuts).
+ *
+ * @param {Object} keyMap KeyMap key/value {"(Ctrl/Shift/Alt)-Key" : function(){}}
+ * @returns {editormd} return this
+ */
+
+ registerKeyMaps : function(keyMap) {
+
+ var _this = this;
+ var cm = this.cm;
+ var settings = this.settings;
+ var toolbarHandlers = editormd.toolbarHandlers;
+ var disabledKeyMaps = settings.disabledKeyMaps;
+
+ keyMap = keyMap || null;
+
+ if (keyMap) {
+ for (var i in keyMap) {
+ if ($.inArray(i, disabledKeyMaps) < 0) {
+ var map = {};
+ map[i] = keyMap[i];
+
+ cm.addKeyMap(keyMap);
+ }
+ }
+ } else {
+ for (var k in editormd.keyMaps) {
+ var _keyMap = editormd.keyMaps[k];
+ var handle = (typeof _keyMap === "string") ? $.proxy(toolbarHandlers[_keyMap], _this) : $.proxy(_keyMap, _this);
+
+ if ($.inArray(k, ["F9", "F10", "F11"]) < 0 && $.inArray(k, disabledKeyMaps) < 0) {
+ var _map = {};
+ _map[k] = handle;
+
+ cm.addKeyMap(_map);
+ }
+ }
+
+ $(window).keydown(function(event) {
+
+ var keymaps = {
+ "120" : "F9",
+ "121" : "F10",
+ "122" : "F11"
+ };
+
+ if ( $.inArray(keymaps[event.keyCode], disabledKeyMaps) < 0 ) {
+ switch (event.keyCode) {
+ case 120:
+ $.proxy(toolbarHandlers["watch"], _this)();
+ event.stopPropagation();
+ break;
+
+ case 121:
+ $.proxy(toolbarHandlers["preview"], _this)();
+ event.stopPropagation();
+ break;
+
+ case 122:
+ $.proxy(toolbarHandlers["fullscreen"], _this)();
+ event.stopPropagation();
+ break;
+
+ default:
+ break;
+ }
+ }
+ });
+ }
+
+ return this;
+ },
+
+ /**
+ * 绑定同步滚动
+ *
+ * @returns {editormd} return this
+ */
+
+ bindScrollEvent : function() {
+
+ var _this = this;
+ var preview = this.preview;
+ var settings = this.settings;
+ var codeMirror = this.codeMirror;
+ var mouseOrTouch = editormd.mouseOrTouch;
+
+ if (!settings.syncScrolling) {
+ return this;
+ }
+
+ var cmBindScroll = function() {
+ codeMirror.find(".CodeMirror-scroll").bind(mouseOrTouch("scroll", "touchmove"), function(event) {
+ var height = $(this).height();
+ var scrollTop = $(this).scrollTop();
+ var percent = (scrollTop / $(this)[0].scrollHeight);
+
+ var tocHeight = 0;
+
+ preview.find(".markdown-toc-list").each(function(){
+ tocHeight += $(this).height();
+ });
+
+ var tocMenuHeight = preview.find(".editormd-toc-menu").height();
+ tocMenuHeight = (!tocMenuHeight) ? 0 : tocMenuHeight;
+
+ if (scrollTop === 0) {
+ preview.scrollTop(0);
+ } else if (scrollTop + height >= $(this)[0].scrollHeight - 16) {
+ preview.scrollTop(preview[0].scrollHeight);
+ } else {
+ preview.scrollTop((preview[0].scrollHeight + tocHeight + tocMenuHeight) * percent);
+ }
+
+ $.proxy(settings.onscroll, _this)(event);
+ });
+ };
+
+ var cmUnbindScroll = function() {
+ codeMirror.find(".CodeMirror-scroll").unbind(mouseOrTouch("scroll", "touchmove"));
+ };
+
+ var previewBindScroll = function() {
+
+ preview.bind(mouseOrTouch("scroll", "touchmove"), function(event) {
+ var height = $(this).height();
+ var scrollTop = $(this).scrollTop();
+ var percent = (scrollTop / $(this)[0].scrollHeight);
+ var codeView = codeMirror.find(".CodeMirror-scroll");
+
+ if(scrollTop === 0) {
+ codeView.scrollTop(0);
+ } else if (scrollTop + height >= $(this)[0].scrollHeight) {
+ codeView.scrollTop(codeView[0].scrollHeight);
+ } else {
+ codeView.scrollTop(codeView[0].scrollHeight * percent);
+ }
+
+ $.proxy(settings.onpreviewscroll, _this)(event);
+ });
+
+ };
+
+ var previewUnbindScroll = function() {
+ preview.unbind(mouseOrTouch("scroll", "touchmove"));
+ };
+
+ codeMirror.bind({
+ mouseover : cmBindScroll,
+ mouseout : cmUnbindScroll,
+ touchstart : cmBindScroll,
+ touchend : cmUnbindScroll
+ });
+
+ if (settings.syncScrolling === "single") {
+ return this;
+ }
+
+ preview.bind({
+ mouseover : previewBindScroll,
+ mouseout : previewUnbindScroll,
+ touchstart : previewBindScroll,
+ touchend : previewUnbindScroll
+ });
+
+ return this;
+ },
+
+ bindChangeEvent : function() {
+
+ var _this = this;
+ var cm = this.cm;
+ var settings = this.settings;
+
+ if (!settings.syncScrolling) {
+ return this;
+ }
+
+ cm.on("change", function() {
+ if (settings.watch) {
+ _this.previewContainer.css("padding", settings.autoHeight ? "20px 20px 50px 40px" : "20px");
+ }
+
+ timer = setTimeout(function() {
+ clearTimeout(timer);
+ _this.save();
+ timer = null;
+ }, settings.delay);
+ });
+
+ return this;
+ },
+
+ /**
+ * 加载队列完成之后的显示处理
+ * Display handle of the module queues loaded after.
+ *
+ * @param {Boolean} recreate 是否为重建编辑器
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ loadedDisplay : function(recreate) {
+
+ recreate = recreate || false;
+
+ var _this = this;
+ var editor = this.editor;
+ var preview = this.preview;
+ var settings = this.settings;
+
+ this.containerMask.hide();
+
+ this.save();
+
+ if (settings.watch) {
+ preview.show();
+ }
+
+ editor.data("oldWidth", editor.width()).data("oldHeight", editor.height()); // 为了兼容Zepto
+
+ this.resize();
+ this.registerKeyMaps();
+
+ $(window).resize(function(){
+ _this.resize();
+ });
+
+ this.bindScrollEvent().bindChangeEvent();
+
+ if (!recreate) {
+ $.proxy(settings.onload, this)();
+ }
+
+ this.state.loaded = true;
+
+ return this;
+ },
+
+ /**
+ * 设置编辑器的宽度
+ * Set editor width
+ *
+ * @param {Number|String} width 编辑器宽度值
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ width : function(width) {
+
+ this.editor.css("width", (typeof width === "number") ? width + "px" : width);
+ this.resize();
+
+ return this;
+ },
+
+ /**
+ * 设置编辑器的高度
+ * Set editor height
+ *
+ * @param {Number|String} height 编辑器高度值
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ height : function(height) {
+
+ this.editor.css("height", (typeof height === "number") ? height + "px" : height);
+ this.resize();
+
+ return this;
+ },
+
+ /**
+ * 调整编辑器的尺寸和布局
+ * Resize editor layout
+ *
+ * @param {Number|String} [width=null] 编辑器宽度值
+ * @param {Number|String} [height=null] 编辑器高度值
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ resize : function(width, height) {
+
+ width = width || null;
+ height = height || null;
+
+ var state = this.state;
+ var editor = this.editor;
+ var preview = this.preview;
+ var toolbar = this.toolbar;
+ var settings = this.settings;
+ var codeMirror = this.codeMirror;
+
+ if (width) {
+ editor.css("width", (typeof width === "number") ? width + "px" : width);
+ }
+
+ if (settings.autoHeight && !state.fullscreen && !state.preview) {
+ editor.css("height", "auto");
+ codeMirror.css("height", "auto");
+ } else {
+ if (height) {
+ editor.css("height", (typeof height === "number") ? height + "px" : height);
+ }
+
+ if (state.fullscreen) {
+ editor.height($(window).height());
+ }
+
+ if (settings.toolbar && !settings.readOnly) {
+ codeMirror.css("margin-top", toolbar.height() + 1).height(editor.height() - toolbar.height());
+ } else {
+ codeMirror.css("margin-top", 0).height(editor.height());
+ }
+ }
+
+ if (settings.watch) {
+ codeMirror.width((editor.width() / 2) - 1);
+ preview.width((!state.preview) ? editor.width() / 2 : editor.width());
+
+ this.previewContainer.css("padding", settings.autoHeight ? "20px 20px 50px 40px" : "20px");
+
+ if (settings.toolbar && !settings.readOnly) {
+ preview.css("top", toolbar.height() + 1);
+ } else {
+ preview.css("top", 0);
+ }
+
+ if (settings.autoHeight && !state.fullscreen && !state.preview) {
+ preview.height("");
+ } else {
+ var previewHeight = (settings.toolbar && !settings.readOnly) ? editor.height() - toolbar.height() : editor.height();
+
+ preview.height(previewHeight);
+ }
+ } else {
+ codeMirror.width(editor.width());
+ preview.hide();
+ }
+
+ if (state.loaded) {
+ $.proxy(settings.onresize, this)();
+ }
+
+ return this;
+ },
+
+ /**
+ * 解析和保存Markdown代码
+ * Parse & Saving Markdown source code
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ save : function() {
+
+ if (timer === null) {
+ return this;
+ }
+
+ var _this = this;
+ var state = this.state;
+ var settings = this.settings;
+ var cm = this.cm;
+ var cmValue = cm.getValue();
+ var previewContainer = this.previewContainer;
+
+ if (settings.mode !== "gfm" && settings.mode !== "markdown") {
+ this.markdownTextarea.val(cmValue);
+
+ return this;
+ }
+
+ var marked = editormd.$marked;
+ var markdownToC = this.markdownToC = [];
+ var rendererOptions = this.markedRendererOptions = {
+ toc : settings.toc,
+ tocm : settings.tocm,
+ tocStartLevel : settings.tocStartLevel,
+ pageBreak : settings.pageBreak,
+ taskList : settings.taskList,
+ emoji : settings.emoji,
+ tex : settings.tex,
+ atLink : settings.atLink, // for @link
+ emailLink : settings.emailLink, // for mail address auto link
+ flowChart : settings.flowChart,
+ sequenceDiagram : settings.sequenceDiagram,
+ previewCodeHighlight : settings.previewCodeHighlight,
+ };
+
+ var markedOptions = this.markedOptions = {
+ renderer : editormd.markedRenderer(markdownToC, rendererOptions),
+ gfm : true,
+ tables : true,
+ breaks : true,
+ pedantic : false,
+ sanitize : (settings.htmlDecode) ? false : true, // 关闭忽略HTML标签，即开启识别HTML标签，默认为false
+ smartLists : true,
+ smartypants : true
+ };
+
+ marked.setOptions(markedOptions);
+
+ var newMarkdownDoc = editormd.$marked(cmValue, markedOptions);
+ newMarkdownDoc = editormd.filterHTMLTags(newMarkdownDoc, settings.htmlDecode);
+
+ this.markdownTextarea.text(cmValue);
+
+ cm.save();
+
+ if (settings.saveHTMLToTextarea) {
+ this.htmlTextarea.text(newMarkdownDoc);
+ }
+
+ if (settings.watch || (!settings.watch && state.preview)) {
+ previewContainer.html(newMarkdownDoc);
+
+ previewContainer.find(".task-list-item").each(function () {
+ $(this).parent().addClass("task-list");
+ });
+
+ this.previewCodeHighlight();
+
+ if (settings.toc) {
+ var tocContainer = (settings.tocContainer === "") ? previewContainer : $(settings.tocContainer);
+ var tocMenu = tocContainer.find("." + this.classPrefix + "toc-menu");
+
+ tocContainer.attr("previewContainer", (settings.tocContainer === "") ? "true" : "false");
+
+ if (settings.tocContainer !== "" && tocMenu.length > 0) {
+ tocMenu.remove();
+ }
+
+ editormd.markdownToCRenderer(markdownToC, tocContainer, settings.tocDropdown, settings.tocStartLevel);
+
+ if (settings.tocDropdown || tocContainer.find("." + this.classPrefix + "toc-menu").length > 0) {
+ editormd.tocDropdownMenu(tocContainer, (settings.tocTitle !== "") ? settings.tocTitle : this.lang.tocTitle);
+ }
+
+ if (settings.tocContainer !== "") {
+ previewContainer.find(".markdown-toc").css("border", "none");
+ }
+ }
+
+ if (settings.tex) {
+ if (!editormd.kaTeXLoaded && settings.autoLoadModules) {
+ editormd.loadKaTeX(function() {
+ editormd.$katex = katex;
+ editormd.kaTeXLoaded = true;
+ _this.katexRender();
+ });
+ } else {
+ editormd.$katex = katex;
+ this.katexRender();
+ }
+ }
+
+ if (settings.flowChart || settings.sequenceDiagram) {
+ flowchartTimer = setTimeout(function(){
+ clearTimeout(flowchartTimer);
+ _this.flowChartAndSequenceDiagramRender();
+ flowchartTimer = null;
+ }, 10);
+ }
+
+ if (state.loaded) {
+ $.proxy(settings.onchange, this)();
+ }
+ }
+
+ return this;
+ },
+
+ /**
+ * 聚焦光标位置
+ * Focusing the cursor position
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ focus : function() {
+ this.cm.focus();
+
+ return this;
+ },
+
+ /**
+ * 设置光标的位置
+ * Set cursor position
+ *
+ * @param {Object} cursor 要设置的光标位置键值对象，例：{line:1, ch:0}
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setCursor : function(cursor) {
+ this.cm.setCursor(cursor);
+
+ return this;
+ },
+
+ /**
+ * 获取当前光标的位置
+ * Get the current position of the cursor
+ *
+ * @returns {Cursor} 返回一个光标Cursor对象
+ */
+
+ getCursor : function() {
+ return this.cm.getCursor();
+ },
+
+ /**
+ * 设置光标选中的范围
+ * Set cursor selected ranges
+ *
+ * @param {Object} from 开始位置的光标键值对象，例：{line:1, ch:0}
+ * @param {Object} to 结束位置的光标键值对象，例：{line:1, ch:0}
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setSelection : function(from, to) {
+
+ this.cm.setSelection(from, to);
+
+ return this;
+ },
+
+ /**
+ * 获取光标选中的文本
+ * Get the texts from cursor selected
+ *
+ * @returns {String} 返回选中文本的字符串形式
+ */
+
+ getSelection : function() {
+ return this.cm.getSelection();
+ },
+
+ /**
+ * 设置光标选中的文本范围
+ * Set the cursor selection ranges
+ *
+ * @param {Array} ranges cursor selection ranges array
+ * @returns {Array} return this
+ */
+
+ setSelections : function(ranges) {
+ this.cm.setSelections(ranges);
+
+ return this;
+ },
+
+ /**
+ * 获取光标选中的文本范围
+ * Get the cursor selection ranges
+ *
+ * @returns {Array} return selection ranges array
+ */
+
+ getSelections : function() {
+ return this.cm.getSelections();
+ },
+
+ /**
+ * 替换当前光标选中的文本或在当前光标处插入新字符
+ * Replace the text at the current cursor selected or insert a new character at the current cursor position
+ *
+ * @param {String} value 要插入的字符值
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ replaceSelection : function(value) {
+ this.cm.replaceSelection(value);
+
+ return this;
+ },
+
+ /**
+ * 在当前光标处插入新字符
+ * Insert a new character at the current cursor position
+ *
+ * 同replaceSelection()方法
+ * With the replaceSelection() method
+ *
+ * @param {String} value 要插入的字符值
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ insertValue : function(value) {
+ this.replaceSelection(value);
+
+ return this;
+ },
+
+ /**
+ * 追加markdown
+ * append Markdown to editor
+ *
+ * @param {String} md 要追加的markdown源文档
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ appendMarkdown : function(md) {
+ var cm = this.cm;
+
+ cm.setValue(cm.getValue() + md);
+
+ return this;
+ },
+
+ /**
+ * 设置和传入编辑器的markdown源文档
+ * Set Markdown source document
+ *
+ * @param {String} md 要传入的markdown源文档
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setMarkdown : function(md) {
+ this.cm.setValue(md || this.settings.markdown);
+
+ return this;
+ },
+
+ /**
+ * 获取编辑器的markdown源文档
+ * Set Editor.md markdown/CodeMirror value
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ getMarkdown : function() {
+ return this.cm.getValue();
+ },
+
+ /**
+ * 获取编辑器的源文档
+ * Get CodeMirror value
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ getValue : function() {
+ return this.cm.getValue();
+ },
+
+ /**
+ * 设置编辑器的源文档
+ * Set CodeMirror value
+ *
+ * @param {String} value set code/value/string/text
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ setValue : function(value) {
+ this.cm.setValue(value);
+
+ return this;
+ },
+
+ /**
+ * 清空编辑器
+ * Empty CodeMirror editor container
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ clear : function() {
+ this.cm.setValue("");
+
+ return this;
+ },
+
+ /**
+ * 获取解析后存放在Textarea的HTML源码
+ * Get parsed html code from Textarea
+ *
+ * @returns {String} 返回HTML源码
+ */
+
+ getHTML : function() {
+ if (!this.settings.saveHTMLToTextarea) {
+ alert("Error: settings.saveHTMLToTextarea == false");
+
+ return false;
+ }
+
+ return this.htmlTextarea.val();
+ },
+
+ /**
+ * getHTML()的别名
+ * getHTML (alias)
+ *
+ * @returns {String} Return html code 返回HTML源码
+ */
+
+ getTextareaSavedHTML : function() {
+ return this.getHTML();
+ },
+
+ /**
+ * 获取预览窗口的HTML源码
+ * Get html from preview container
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ getPreviewedHTML : function() {
+ if (!this.settings.watch) {
+ alert("Error: settings.watch == false");
+
+ return false;
+ }
+
+ return this.previewContainer.html();
+ },
+
+ /**
+ * 开启实时预览
+ * Enable real-time watching
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ watch : function(callback) {
+ var settings = this.settings;
+
+ if ($.inArray(settings.mode, ["gfm", "markdown"]) < 0) {
+ return this;
+ }
+
+ this.state.watching = settings.watch = true;
+ this.preview.show();
+
+ if (this.toolbar) {
+ var watchIcon = settings.toolbarIconsClass.watch;
+ var unWatchIcon = settings.toolbarIconsClass.unwatch;
+
+ var icon = this.toolbar.find(".fa[name=watch]");
+ icon.parent().attr("title", settings.lang.toolbar.watch);
+ icon.removeClass(unWatchIcon).addClass(watchIcon);
+ }
+
+ this.codeMirror.css("border-right", "1px solid #ddd").width(this.editor.width() / 2);
+
+ timer = 0;
+
+ this.save().resize();
+
+ if (!settings.onwatch) {
+ settings.onwatch = callback || function() {};
+ }
+
+ $.proxy(settings.onwatch, this)();
+
+ return this;
+ },
+
+ /**
+ * 关闭实时预览
+ * Disable real-time watching
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ unwatch : function(callback) {
+ var settings = this.settings;
+ this.state.watching = settings.watch = false;
+ this.preview.hide();
+
+ if (this.toolbar) {
+ var watchIcon = settings.toolbarIconsClass.watch;
+ var unWatchIcon = settings.toolbarIconsClass.unwatch;
+
+ var icon = this.toolbar.find(".fa[name=watch]");
+ icon.parent().attr("title", settings.lang.toolbar.unwatch);
+ icon.removeClass(watchIcon).addClass(unWatchIcon);
+ }
+
+ this.codeMirror.css("border-right", "none").width(this.editor.width());
+
+ this.resize();
+
+ if (!settings.onunwatch) {
+ settings.onunwatch = callback || function() {};
+ }
+
+ $.proxy(settings.onunwatch, this)();
+
+ return this;
+ },
+
+ /**
+ * 显示编辑器
+ * Show editor
+ *
+ * @param {Function} [callback=function()] 回调函数
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ show : function(callback) {
+ callback = callback || function() {};
+
+ var _this = this;
+
+ this.editor.show(0, function() {
+ $.proxy(callback, _this)();
+ });
+
+ return this;
+ },
+
+ /**
+ * 隐藏编辑器
+ * Hide editor
+ *
+ * @param {Function} [callback=function()] 回调函数
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ hide : function(callback) {
+ callback = callback || function() {};
+
+ var _this = this;
+
+ this.editor.hide(0, function() {
+ $.proxy(callback, _this)();
+ });
+
+ return this;
+ },
+
+ /**
+ * 消毁并移除编辑器实例 v1.5.1+
+ *
+ * destroy & remove editor
+ *
+ * @returns {void} void 无返回值
+ */
+
+ destroy : function () {
+ this.hide();
+ this.editor.remove();
+ },
+
+ /**
+ * 隐藏编辑器部分，只预览HTML
+ * Enter preview html state
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ previewing : function() {
+
+ var _this = this;
+ var editor = this.editor;
+ var preview = this.preview;
+ var toolbar = this.toolbar;
+ var settings = this.settings;
+ var codeMirror = this.codeMirror;
+ var previewContainer = this.previewContainer;
+
+ if ($.inArray(settings.mode, ["gfm", "markdown"]) < 0) {
+ return this;
+ }
+
+ var editorHeight = this.editor.outerHeight();
+
+ if (settings.toolbar && toolbar) {
+ toolbar.toggle();
+ toolbar.find(".fa[name=preview]").toggleClass("active");
+ }
+
+ codeMirror.toggle();
+
+ var escHandle = function(event) {
+ if (event.shiftKey && event.keyCode === 27) {
+ _this.previewed();
+ }
+ };
+
+ if (codeMirror.css("display") === "none") { // 为了兼容Zepto，而不使用codeMirror.is(":hidden")
+ this.state.preview = true;
+
+ if (this.settings.autoHeight) {
+ this.editor.css("height", editorHeight);
+ }
+
+ if (this.state.fullscreen) {
+ preview.css("background", "#fff");
+ }
+
+ editor.find("." + this.classPrefix + "preview-close-btn").show().bind("click", function(){
+ _this.previewed();
+ });
+
+ if (!settings.watch) {
+ this.save();
+ } else {
+ previewContainer.css("padding", "");
+ }
+
+ previewContainer.addClass(this.classPrefix + "preview-active");
+
+ preview.show().css({
+ position : "",
+ top : 0,
+ width : editor.width(),
+ height : (settings.autoHeight && !this.state.fullscreen) ? "auto" : editor.height()
+ });
+
+ if (this.state.loaded) {
+ $.proxy(settings.onpreviewing, this)();
+ }
+
+ $(window).bind("keyup", escHandle);
+ } else {
+ $(window).unbind("keyup", escHandle);
+ this.previewed();
+ }
+ },
+
+ /**
+ * 显示编辑器部分，退出只预览HTML
+ * Exit preview html state
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ previewed : function() {
+
+ var editor = this.editor;
+ var preview = this.preview;
+ var toolbar = this.toolbar;
+ var settings = this.settings;
+ var previewContainer = this.previewContainer;
+ var previewCloseBtn = editor.find("." + this.classPrefix + "preview-close-btn");
+
+ this.state.preview = false;
+
+ this.codeMirror.show();
+
+ if (settings.toolbar) {
+ toolbar.show();
+ }
+
+ preview[(settings.watch) ? "show" : "hide"]();
+
+ previewCloseBtn.hide().unbind("click");
+
+ previewContainer.removeClass(this.classPrefix + "preview-active");
+
+ if (settings.watch) {
+ previewContainer.css("padding", "20px");
+ }
+
+ if (this.settings.autoHeight) {
+ this.editor.css("height", "auto");
+ }
+
+ preview.css({
+ background : null,
+ position : "absolute",
+ width : editor.width() / 2,
+ height : (settings.autoHeight && !this.state.fullscreen) ? "auto" : editor.height() - toolbar.height(),
+ top : (settings.toolbar) ? toolbar.height() : 0
+ });
+
+ if (this.state.loaded) {
+ $.proxy(settings.onpreviewed, this)();
+ }
+
+ return this;
+ },
+
+ /**
+ * 编辑器全屏显示
+ * Fullscreen show
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ fullscreen : function() {
+
+ var _this = this;
+ var state = this.state;
+ var editor = this.editor;
+ var toolbar = this.toolbar;
+ var settings = this.settings;
+ var fullscreenClass = this.classPrefix + "fullscreen";
+
+ if (toolbar) {
+ toolbar.find(".fa[name=fullscreen]").parent().toggleClass("active");
+ }
+
+ var escHandle = function(event) {
+ if (!event.shiftKey && event.keyCode === 27) {
+ if (state.fullscreen) {
+ _this.fullscreenExit();
+ }
+ }
+ };
+
+ if (!editor.hasClass(fullscreenClass)) {
+ state.fullscreen = true;
+
+ $("html,body").css("overflow", "hidden");
+
+ editor.css({
+ width : $(window).width(),
+ height : $(window).height()
+ }).addClass(fullscreenClass);
+
+ this.resize();
+
+ $.proxy(settings.onfullscreen, this)();
+
+ $(window).bind("keyup", escHandle);
+ } else {
+ $(window).unbind("keyup", escHandle);
+ this.fullscreenExit();
+ }
+
+ return this;
+ },
+
+ /**
+ * 编辑器退出全屏显示
+ * Exit fullscreen state
+ *
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ fullscreenExit : function() {
+
+ var editor = this.editor;
+ var settings = this.settings;
+ var toolbar = this.toolbar;
+ var fullscreenClass = this.classPrefix + "fullscreen";
+
+ this.state.fullscreen = false;
+
+ if (toolbar) {
+ toolbar.find(".fa[name=fullscreen]").parent().removeClass("active");
+ }
+
+ $("html,body").css("overflow", "");
+
+ editor.css({
+ width : editor.data("oldWidth"),
+ height : editor.data("oldHeight")
+ }).removeClass(fullscreenClass);
+
+ this.resize();
+
+ $.proxy(settings.onfullscreenExit, this)();
+
+ return this;
+ },
+
+ /**
+ * 加载并执行插件
+ * Load and execute the plugin
+ *
+ * @param {String} name plugin name / function name
+ * @param {String} path plugin load path
+ * @returns {editormd} 返回editormd的实例对象
+ */
+
+ executePlugin : function(name, path) {
+
+ var _this = this;
+ var cm = this.cm;
+ var settings = this.settings;
+
+ path = settings.pluginPath + path;
+
+ if (typeof define === "function") {
+ if (typeof this[name] === "undefined") {
+ alert("Error: " + name + " plugin is not found, you are not load this plugin.");
+
+ return this;
+ }
+
+ this[name](cm);
+
+ return this;
+ }
+
+ if ($.inArray(path, editormd.loadFiles.plugin) < 0) {
+ editormd.loadPlugin(path, function() {
+ editormd.loadPlugins[name] = _this[name];
+ _this[name](cm);
+ });
+ } else {
+ $.proxy(editormd.loadPlugins[name], this)(cm);
+ }
+
+ return this;
+ },
+
+ /**
+ * 搜索替换
+ * Search & replace
+ *
+ * @param {String} command CodeMirror serach commands, "find, fintNext, fintPrev, clearSearch, replace, replaceAll"
+ * @returns {editormd} return this
+ */
+
+ search : function(command) {
+ var settings = this.settings;
+
+ if (!settings.searchReplace) {
+ alert("Error: settings.searchReplace == false");
+ return this;
+ }
+
+ if (!settings.readOnly) {
+ this.cm.execCommand(command || "find");
+ }
+
+ return this;
+ },
+
+ searchReplace : function() {
+ this.search("replace");
+
+ return this;
+ },
+
+ searchReplaceAll : function() {
+ this.search("replaceAll");
+
+ return this;
+ }
+ };
+
+ editormd.fn.init.prototype = editormd.fn;
+
+ /**
+ * 锁屏
+ * lock screen when dialog opening
+ *
+ * @returns {void}
+ */
+
+ editormd.dialogLockScreen = function() {
+ var settings = this.settings || {dialogLockScreen : true};
+
+ if (settings.dialogLockScreen) {
+ $("html,body").css("overflow", "hidden");
+ this.resize();
+ }
+ };
+
+ /**
+ * 显示透明背景层
+ * Display mask layer when dialog opening
+ *
+ * @param {Object} dialog dialog jQuery object
+ * @returns {void}
+ */
+
+ editormd.dialogShowMask = function(dialog) {
+ var editor = this.editor;
+ var settings = this.settings || { dialogShowMask : true };
+
+ dialog.css({
+ top : ($(window).height() - dialog.height()) / 2 + "px",
+ left : ($(window).width() - dialog.width()) / 2 + "px"
+ });
+
+ if (settings.dialogShowMask) {
+ editor.children("." + this.classPrefix + "mask").css("z-index", parseInt(dialog.css("z-index")) - 1).show();
+ }
+ };
+
+ editormd.toolbarHandlers = {
+ undo : function() {
+ this.cm.undo();
+ },
+
+ redo : function() {
+ this.cm.redo();
+ },
+
+ bold : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ cm.replaceSelection("**" + selection + "**");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 2);
+ }
+ },
+
+ del : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ cm.replaceSelection("~~" + selection + "~~");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 2);
+ }
+ },
+
+ italic : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ cm.replaceSelection("*" + selection + "*");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 1);
+ }
+ },
+
+ quote : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("> " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 2);
+ } else {
+ cm.replaceSelection("> " + selection);
+ }
+ },
+
+ ucfirst : function() {
+ var cm = this.cm;
+ var selection = cm.getSelection();
+ var selections = cm.listSelections();
+
+ cm.replaceSelection(editormd.firstUpperCase(selection));
+ cm.setSelections(selections);
+ },
+
+ ucwords : function() {
+ var cm = this.cm;
+ var selection = cm.getSelection();
+ var selections = cm.listSelections();
+
+ cm.replaceSelection(editormd.wordsFirstUpperCase(selection));
+ cm.setSelections(selections);
+ },
+
+ uppercase : function() {
+ var cm = this.cm;
+ var selection = cm.getSelection();
+ var selections = cm.listSelections();
+
+ cm.replaceSelection(selection.toUpperCase());
+ cm.setSelections(selections);
+ },
+
+ lowercase : function() {
+ var cm = this.cm;
+ var selection = cm.getSelection();
+ var selections = cm.listSelections();
+
+ cm.replaceSelection(selection.toLowerCase());
+ cm.setSelections(selections);
+ },
+
+ h1 : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("# " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 2);
+ } else {
+ cm.replaceSelection("# " + selection);
+ }
+ },
+
+ h2 : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("## " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 3);
+ } else {
+ cm.replaceSelection("## " + selection);
+ }
+ },
+
+ h3 : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("### " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 4);
+ } else {
+ cm.replaceSelection("### " + selection);
+ }
+ },
+
+ h4 : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("#### " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 5);
+ } else {
+ cm.replaceSelection("#### " + selection);
+ }
+ },
+
+ h5 : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("##### " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 6);
+ } else {
+ cm.replaceSelection("##### " + selection);
+ }
+ },
+
+ h6 : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (cursor.ch !== 0) {
+ cm.setCursor(cursor.line, 0);
+ cm.replaceSelection("###### " + selection);
+ cm.setCursor(cursor.line, cursor.ch + 7);
+ } else {
+ cm.replaceSelection("###### " + selection);
+ }
+ },
+
+ "list-ul" : function() {
+ var cm = this.cm;
+ var selection = cm.getSelection();
+
+ if (selection === "") {
+ cm.replaceSelection("- " + selection);
+ } else {
+ var selectionText = selection.split("\n");
+
+ for (var i = 0, len = selectionText.length; i < len; i++) {
+ selectionText[i] = (selectionText[i] === "") ? "" : "- " + selectionText[i];
+ }
+
+ cm.replaceSelection(selectionText.join("\n"));
+ }
+ },
+
+ "list-ol" : function() {
+ var cm = this.cm;
+ var selection = cm.getSelection();
+
+ if(selection === "") {
+ cm.replaceSelection("1. " + selection);
+ } else {
+ var selectionText = selection.split("\n");
+
+ for (var i = 0, len = selectionText.length; i < len; i++) {
+ selectionText[i] = (selectionText[i] === "") ? "" : (i+1) + ". " + selectionText[i];
+ }
+
+ cm.replaceSelection(selectionText.join("\n"));
+ }
+ },
+
+ hr : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+
+ cm.replaceSelection(((cursor.ch !== 0) ? "\n\n" : "\n") + "------------\n\n");
+ },
+
+ tex : function() {
+ if (!this.settings.tex) {
+ alert("settings.tex === false");
+
+ return this;
+ }
+
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ cm.replaceSelection("$$" + selection + "$$");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 2);
+ }
+ },
+
+ link : function() {
+ this.executePlugin("linkDialog", "link-dialog/link-dialog");
+ },
+
+ "reference-link" : function() {
+ this.executePlugin("referenceLinkDialog", "reference-link-dialog/reference-link-dialog");
+ },
+
+ pagebreak : function() {
+ if (!this.settings.pageBreak) {
+ alert("settings.pageBreak === false");
+
+ return this;
+ }
+
+ var cm = this.cm;
+
+ cm.replaceSelection("\r\n[========]\r\n");
+ },
+
+ image : function() {
+ this.executePlugin("imageDialog", "image-dialog/image-dialog");
+ },
+
+ code : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ cm.replaceSelection("`" + selection + "`");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 1);
+ }
+ },
+
+ "code-block" : function() {
+ this.executePlugin("codeBlockDialog", "code-block-dialog/code-block-dialog");
+ },
+
+ "preformatted-text" : function() {
+ this.executePlugin("preformattedTextDialog", "preformatted-text-dialog/preformatted-text-dialog");
+ },
+
+ table : function() {
+ this.executePlugin("tableDialog", "table-dialog/table-dialog");
+ },
+
+ datetime : function() {
+ var cm = this.cm;
+ var langName = this.settings.lang.name;
+ var datefmt = editormd.dateFormat() + " " + editormd.dateFormat((langName === "zh-cn" || langName === "zh-tw") ? "cn-week-day" : "week-day");
+
+ cm.replaceSelection(datefmt);
+ },
+
+ emoji : function() {
+ this.executePlugin("emojiDialog", "emoji-dialog/emoji-dialog");
+ },
+
+ "html-entities" : function() {
+ this.executePlugin("htmlEntitiesDialog", "html-entities-dialog/html-entities-dialog");
+ },
+
+ "goto-line" : function() {
+ this.executePlugin("gotoLineDialog", "goto-line-dialog/goto-line-dialog");
+ },
+
+ watch : function() {
+ this[this.settings.watch ? "unwatch" : "watch"]();
+ },
+
+ preview : function() {
+ this.previewing();
+ },
+
+ fullscreen : function() {
+ this.fullscreen();
+ },
+
+ clear : function() {
+ this.clear();
+ },
+
+ search : function() {
+ this.search();
+ },
+
+ help : function() {
+ this.executePlugin("helpDialog", "help-dialog/help-dialog");
+ },
+
+ info : function() {
+ this.showInfoDialog();
+ }
+ };
+
+ // var isMac = navigator.platform.toUpperCase().indexOf("MAC") >= 0;
+ // var key = isMac ? "Cmd" : "Ctrl";
+
+ editormd.keyMaps = {
+ "Ctrl-1" : "h1",
+ "Ctrl-2" : "h2",
+ "Ctrl-3" : "h3",
+ "Ctrl-4" : "h4",
+ "Ctrl-5" : "h5",
+ "Ctrl-6" : "h6",
+ "Ctrl-B" : "bold", // if this is string == editormd.toolbarHandlers.xxxx
+ "Ctrl-D" : "datetime",
+ "Ctrl-E" : function() { // emoji
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (!this.settings.emoji) {
+ alert("Error: settings.emoji == false");
+
+ return ;
+ }
+
+ cm.replaceSelection(":" + selection + ":");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 1);
+ }
+ },
+ "Ctrl-Alt-G" : "goto-line",
+ "Ctrl-H" : "hr",
+ "Ctrl-I" : "italic",
+ "Ctrl-K" : "code",
+ "Ctrl-L" : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ var title = (selection === "") ? "" : " \""+selection+"\"";
+
+ cm.replaceSelection("[" + selection + "]("+title+")");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 1);
+ }
+ },
+ "Ctrl-U" : "list-ul",
+ "Shift-Ctrl-A" : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ if (!this.settings.atLink) {
+ alert("Error: settings.atLink == false");
+
+ return ;
+ }
+
+ cm.replaceSelection("@" + selection);
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 1);
+ }
+ },
+ "Shift-Ctrl-C" : "code",
+ "Shift-Ctrl-Q" : "quote",
+ "Shift-Ctrl-S" : "del",
+ "Shift-Ctrl-K" : "tex", // KaTeX
+ "Shift-Alt-C" : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ cm.replaceSelection(["```", selection, "```"].join("\n"));
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 3);
+ }
+ },
+ "Shift-Ctrl-Alt-C" : "code-block",
+ "Shift-Ctrl-H" : "html-entities",
+ "Shift-Alt-H" : "help",
+ "Shift-Ctrl-E" : "emoji",
+ "Shift-Ctrl-U" : "uppercase",
+ "Shift-Alt-U" : "ucwords",
+ "Shift-Ctrl-Alt-U" : "ucfirst",
+ "Shift-Alt-L" : "lowercase",
+ "Shift-Ctrl-I" : function() {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
+
+ var title = (selection === "") ? "" : " \"" + selection + "\"";
+
+ cm.replaceSelection("![" + selection + "](" + title + ")");
+
+ if (selection === "") {
+ cm.setCursor(cursor.line, cursor.ch + 4);
+ }
+ },
+ "Shift-Ctrl-Alt-I" : "image",
+ "Shift-Ctrl-L" : "link",
+ "Shift-Ctrl-O" : "list-ol",
+ "Shift-Ctrl-P" : "preformatted-text",
+ "Shift-Ctrl-T" : "table",
+ "Shift-Alt-P" : "pagebreak",
+ "F9" : "watch",
+ "F10" : "preview",
+ "F11" : "fullscreen",
+ };
+
+ /**
+ * 清除字符串两边的空格
+ * Clear the space of strings both sides.
+ *
+ * @param {String} str string
+ * @returns {String} trimed string
+ */
+
+ var trim = function(str) {
+ return (!String.prototype.trim) ? str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "") : str.trim();
+ };
+
+ editormd.trim = trim;
+
+ /**
+ * 所有单词首字母大写
+ * Words first to uppercase
+ *
+ * @param {String} str string
+ * @returns {String} string
+ */
+
+ var ucwords = function (str) {
+ return str.toLowerCase().replace(/\b(\w)|\s(\w)/g, function($1) {
+ return $1.toUpperCase();
+ });
+ };
+
+ editormd.ucwords = editormd.wordsFirstUpperCase = ucwords;
+
+ /**
+ * 字符串首字母大写
+ * Only string first char to uppercase
+ *
+ * @param {String} str string
+ * @returns {String} string
+ */
+
+ var firstUpperCase = function(str) {
+ return str.toLowerCase().replace(/\b(\w)/, function($1){
+ return $1.toUpperCase();
+ });
+ };
+
+ editormd.firstUpperCase = editormd.ucfirst = firstUpperCase;
+
+ editormd.urls = {
+ atLinkBase : "https://github.com/"
+ };
+
+ editormd.regexs = {
+ atLink : /@(\w+)/g,
+ email : /(\w+)@(\w+)\.(\w+)\.?(\w+)?/g,
+ emailLink : /(mailto:)?([\w\.\_]+)@(\w+)\.(\w+)\.?(\w+)?/g,
+ emoji : /:([\w\+-]+):/g,
+ emojiDatetime : /(\d{1,2}:\d{1,2}:\d{1,2})/g,
+ twemoji : /:(tw-([\w]+)-?(\w+)?):/g,
+ fontAwesome : /:(fa-([\w]+)(-(\w+)){0,}):/g,
+ editormdLogo : /:(editormd-logo-?(\w+)?):/g,
+ pageBreak : /^\[[=]{8,}\]$/
+ };
+
+ // Emoji graphics files url path
+ editormd.emoji = {
+ path : "https://www.webpagefx.com/tools/emoji-cheat-sheet/graphics/emojis/",
+ ext : ".png"
+ };
+
+ // Twitter Emoji (Twemoji) graphics files url path
+ editormd.twemoji = {
+ path : "http://twemoji.maxcdn.com/36x36/",
+ ext : ".png"
+ };
+
+ /**
+ * 自定义marked的解析器
+ * Custom Marked renderer rules
+ *
+ * @param {Array} markdownToC 传入用于接收TOC的数组
+ * @returns {Renderer} markedRenderer 返回marked的Renderer自定义对象
+ */
+
+ editormd.markedRenderer = function(markdownToC, options) {
+ var defaults = {
+ toc : true, // Table of contents
+ tocm : false,
+ tocStartLevel : 1, // Said from H1 to create ToC
+ pageBreak : true,
+ atLink : true, // for @link
+ emailLink : true, // for mail address auto link
+ taskList : false, // Enable Github Flavored Markdown task lists
+ emoji : false, // :emoji: , Support Twemoji, fontAwesome, Editor.md logo emojis.
+ tex : false, // TeX(LaTeX), based on KaTeX
+ flowChart : false, // flowChart.js only support IE9+
+ sequenceDiagram : false, // sequenceDiagram.js only support IE9+
+ };
+
+ var _headingIds = [];
+ var settings = $.extend(defaults, options || {});
+ var marked = editormd.$marked;
+ var markedRenderer = new marked.Renderer();
+ markdownToC = markdownToC || [];
+
+ var regexs = editormd.regexs;
+ var atLinkReg = regexs.atLink;
+ var emojiReg = regexs.emoji;
+ var emailReg = regexs.email;
+ var emailLinkReg = regexs.emailLink;
+ var twemojiReg = regexs.twemoji;
+ var faIconReg = regexs.fontAwesome;
+ var editormdLogoReg = regexs.editormdLogo;
+ var pageBreakReg = regexs.pageBreak;
+
+ markedRenderer.emoji = function(text) {
+
+ text = text.replace(editormd.regexs.emojiDatetime, function($1) {
+ return $1.replace(/:/g, ":");
+ });
+
+ var matchs = text.match(emojiReg);
+
+ if (!matchs || !settings.emoji) {
+ return text;
+ }
+
+ for (var i = 0, len = matchs.length; i < len; i++) {
+ if (matchs[i] === ":+1:") {
+ matchs[i] = ":\\+1:";
+ }
+
+ text = text.replace(new RegExp(matchs[i]), function($1) {
+ var faMatchs = $1.match(faIconReg);
+ var name = $1.replace(/:/g, "");
+
+ if (faMatchs) {
+ for (var fa = 0, len1 = faMatchs.length; fa < len1; fa++) {
+ var faName = faMatchs[fa].replace(/:/g, "");
+
+ return "";
+ }
+ } else {
+ var emdlogoMathcs = $1.match(editormdLogoReg);
+ var twemojiMatchs = $1.match(twemojiReg);
+
+ if (emdlogoMathcs) {
+ for (var x = 0, len2 = emdlogoMathcs.length; x < len2; x++) {
+ var logoName = emdlogoMathcs[x].replace(/:/g, "");
+
+ return "";
+ }
+ } else if (twemojiMatchs) {
+ for (var t = 0, len3 = twemojiMatchs.length; t < len3; t++) {
+ var twe = twemojiMatchs[t].replace(/:/g, "").replace("tw-", "");
+
+ return "",
+ "
",
+ "",
+ "" + editormd.title + "v" + editormd.version + "
", + "" + this.lang.description + "
", + "", + "Copyright © 2015-" + editormd.dateFormat('yyyy') + " Pandao, The MIT License.
", + ""; + } + + return text; + }; + + 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 { + return marked.Renderer.prototype.code.apply(this, arguments); + } + }; + + 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"; + }; + + markedRenderer.listitem = function(text, task) { + if (settings.taskList && task) { + text = text.replace("" + this.atLink(this.emoji(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) {
+
+ if (typeof html !== "string") {
+ html = html.toString();
+ }
+
+ if (typeof filters !== "string") {
+ return html;
+ }
+
+ var expression = filters.split("|");
+ var filterTags = expression[0].split(",");
+ var attrs = expression[1];
+
+ 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"), "");
+ }
+
+ if (typeof attrs !== "undefined") {
+ var htmlTagRegex = /\<(\w+)\s*([^\>]*)\>([^\>]*)\<\/(\w+)\>/ig;
+
+ if (attrs === "*") {
+ html = html.replace(htmlTagRegex, function($1, $2, $3, $4, $5) {
+ return "<" + $2 + ">" + $4 + "";
+ });
+ } else if (attrs === "on*") {
+ html = html.replace(htmlTagRegex, function($1, $2, $3, $4, $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 {
+ 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) {
+ var defaults = {
+ gfm : true,
+ toc : true,
+ tocm : false,
+ tocStartLevel : 1,
+ tocTitle : "目录",
+ tocDropdown : false,
+ tocContainer : "",
+ markdown : "",
+ markdownSourceCode : false,
+ htmlDecode : false,
+ autoLoadKaTeX : true,
+ 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,
+ sequenceDiagram : false,
+ previewCodeHighlight : true
+ };
+
+ editormd.$marked = marked;
+
+ var div = $("#" + id);
+ var settings = div.settings = $.extend(true, {}, defaults, options || {});
+ var saveTo = div.find("textarea");
+
+ 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,
+ 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,
+ previewCodeHighlight : settings.previewCodeHighlight,
+ };
+
+ var markedOptions = {
+ renderer : editormd.markedRenderer(markdownToC, rendererOptions),
+ gfm : settings.gfm,
+ tables : true,
+ breaks : true,
+ pedantic : false,
+ sanitize : (settings.htmlDecode) ? false : true, // 是否忽略HTML标签，即是否开启HTML标签解析，为了安全性，默认不开启
+ smartLists : true,
+ smartypants : true
+ };
+
+ markdownDoc = markdownDoc.toString();
+
+ var markdownParsed = marked(markdownDoc, markedOptions);
+
+ markdownParsed = editormd.filterHTMLTags(markdownParsed, settings.htmlDecode);
+
+ if (settings.markdownSourceCode) {
+ saveTo.text(markdownDoc);
+ } else {
+ saveTo.remove();
+ }
+
+ div.addClass("markdown-body " + this.classPrefix + "html-preview").append(markdownParsed);
+
+ div.find(".task-list-item").each(function () {
+ $(this).parent().addClass("task-list");
+ });
+
+ 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) {
+ div.find("pre").addClass("prettyprint linenums");
+ window.prettyPrint();
+ }
+
+ if (!editormd.isIE8) {
+ if (settings.flowChart) {
+ div.find(".flowchart").flowChart();
+ }
+
+ if (settings.sequenceDiagram) {
+ div.find(".sequence-diagram").sequenceDiagram({theme: "simple"});
+ }
+ }
+
+ if (settings.tex) {
+ var katexHandle = function() {
+ div.find("." + editormd.classNames.tex).each(function(){
+ var tex = $(this);
+ 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();
+ }
+ }
+
+ 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 : "https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.10.1/katex.min",
+ js : "https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.10.1/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,
+ cached : false,
+ 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 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("click", function() {
+ dialog.hide().lockScreen(false).hideMask();
+
+ if (!options.cached) {
+ dialog.remove();
+ }
+ });
+
+ 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("click", btn[1]);
+ }
+ }
+
+ if (options.title !== "" && options.drag) {
+ var posX, posY;
+ var dialogHeader = dialog.children("." + classPrefix + "dialog-header");
+
+ if (!options.mask) {
+ dialogHeader.bind("click", function(){
+ editormd.dialogZindex += 2;
+ dialog.css("z-index", editormd.dialogZindex);
+ });
+ }
+
+ var userCanSelect = function (obj) {
+ obj.removeClass(classPrefix + "user-unselect").off("selectstart");
+ };
+
+ var userUnselect = function (obj) {
+ obj.addClass(classPrefix + "user-unselect").on("selectstart", function() { // 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";
+ };
+
+ 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;
+ });
+
+ 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;
+ };
+
+ /**
+ * 获取指定区间的随机整数
+ *
+ * @return {Int} int 返回随机生成的整数
+ */
+
+ editormd.rand = function (n, m) {
+ var c = m - n + 1;
+
+ return Math.floor(Math.random() * c + n);
+ };
+
+ /**
+ * 日期时间的格式化方法
+ * 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 += "