- 
+
+
-
1.0.6
+ 1.0.7
diff --git a/web/WEB-INF/web.xml b/web/WEB-INF/web.xml
index 4a0d70b..26a8bdb 100644
--- a/web/WEB-INF/web.xml
+++ b/web/WEB-INF/web.xml
@@ -1,3 +1,3 @@
| ";
- }
- else
- {
+ } else {
var isHeader = (/h(\d)/.test(name));
- var index = name;
-
+ var index = name;
+
if (name === "watch" && !settings.watch) {
index = "unwatch";
}
-
- var title = settings.lang.toolbar[index];
+
+ var title = settings.lang.toolbar[index];
var iconTexts = settings.toolbarIconTexts[index];
var iconClass = settings.toolbarIconsClass[index];
-
- title = (typeof title === "undefined") ? "" : title;
+
+ 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")
- {
+
+ if (typeof settings.toolbarCustomIcons[name] !== "undefined" && typeof settings.toolbarCustomIcons[name] !== "function") {
menuItem += settings.toolbarCustomIcons[name];
- }
- else
- {
+ } else {
menuItem += "";
- menuItem += ""+((isHeader) ? name.toUpperCase() : ( (iconClass === "") ? iconTexts : "") ) + "";
+ menuItem += "" + ((isHeader) ? name.toUpperCase() : ((iconClass === "") ? iconTexts : "")) + "";
menuItem += "";
}
@@ -1259,92 +1193,87 @@
}
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() {
+
+ dialogLockScreen: function () {
$.proxy(editormd.dialogLockScreen, this)();
-
+
return this;
},
- dialogShowMask : function(dialog) {
+ dialogShowMask: function (dialog) {
$.proxy(editormd.dialogShowMask, this)(dialog);
-
+
return this;
},
-
- getToolbarHandles : function(name) {
+
+ 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;
-
+
+ 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(editormd.mouseOrTouch("click", "touchend"), function(event) {
- var icon = $(this).children(".fa");
- var name = icon.attr("name");
- var cursor = cm.getCursor();
- var selection = cm.getSelection();
+ 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(editormd.mouseOrTouch("click", "touchend"), function (event) {
+
+ var icon = $(this).children(".fa");
+ var name = icon.attr("name");
+ var cursor = cm.getCursor();
+ var selection = cm.getSelection();
if (name === "") {
- return ;
+ return;
}
-
+
_this.activeIcon = icon;
- if (typeof toolbarIconHandlers[name] !== "undefined")
- {
+ if (typeof toolbarIconHandlers[name] !== "undefined") {
$.proxy(toolbarIconHandlers[name], _this)(cm);
- }
- else
- {
- if (typeof settings.toolbarHandlers[name] !== "undefined")
- {
+ } 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")
- {
+
+ 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();
}
@@ -1354,31 +1283,31 @@
return this;
},
-
+
/**
* 动态创建对话框
* Creating custom dialogs
- *
+ *
* @param {Object} options 配置项键值对 Key/Value
* @returns {dialog} 返回创建的dialog的jQuery实例对象
*/
-
- createDialog : function(options) {
+
+ 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;
-
+
+ createInfoDialog: function () {
+ var _this = this;
+ var editor = this.editor;
+ var classPrefix = this.classPrefix;
+
var infoDialogHTML = [
"
",
"",
""
].join("\n");
-
+
editor.append(appendElements).addClass(classPrefix + "vertical");
-
- if (settings.theme !== "")
- {
+
+ 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 !== "")
- {
+
+ this.mask = editor.children("." + classPrefix + "mask");
+ this.containerMask = editor.children("." + classPrefix + "container-mask");
+
+ if (settings.markdown !== "") {
markdownTextarea.val(settings.markdown);
}
-
- if (settings.appendMarkdown !== "")
- {
+
+ if (settings.appendMarkdown !== "") {
markdownTextarea.val(markdownTextarea.val() + settings.appendMarkdown);
}
-
- this.htmlTextarea = editor.children("." + classNames.textarea.html);
- this.preview = editor.children("." + classPrefix + "preview");
+
+ this.htmlTextarea = editor.children("." + classNames.textarea.html);
+ this.preview = editor.children("." + classPrefix + "preview");
this.previewContainer = this.preview.children("." + classPrefix + "preview-container");
-
- if (settings.previewTheme !== "")
- {
+
+ if (settings.previewTheme !== "") {
this.preview.addClass(classPrefix + "preview-theme-" + settings.previewTheme);
}
-
- if (typeof define === "function" && define.amd)
- {
- if (typeof katex !== "undefined")
- {
+
+ if (typeof define === "function" && define.amd) {
+ if (typeof katex !== "undefined") {
editormd.$katex = katex;
}
-
- if (settings.searchReplace && !settings.readOnly)
- {
+
+ 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 define === "function" && define.amd) || !settings.autoLoadModules) {
if (typeof CodeMirror !== "undefined") {
editormd.$CodeMirror = CodeMirror;
}
-
- if (typeof marked !== "undefined") {
- editormd.$marked = marked;
+
+ if (typeof marked !== "undefined") {
+ editormd.$marked = marked;
}
-
+
this.setCodeMirror().setToolbar().loadedDisplay();
- }
- else
- {
+ } 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)
- {
+
+ loadQueues: function () {
+ var _this = this;
+ var settings = this.settings;
+ var loadPath = settings.path;
+
+ var loadFlowChartOrSequenceDiagram = function () {
+
+ if (editormd.isIE8) {
_this.loadedDisplay();
-
- return ;
+
+ return;
}
- if (settings.flowChart || settings.sequenceDiagram)
- {
- editormd.loadScript(loadPath + "raphael.min", function() {
+ if (settings.flowChart || settings.sequenceDiagram) {
+ editormd.loadScript(loadPath + "raphael.min", function () {
- editormd.loadScript(loadPath + "underscore.min", function() {
+ editormd.loadScript(loadPath + "underscore.min", function () {
- if (!settings.flowChart && settings.sequenceDiagram)
- {
- editormd.loadScript(loadPath + "sequence-diagram.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() {
+ } 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() {
+ } 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();
});
});
@@ -609,646 +591,598 @@
});
});
- }
- else
- {
+ } else {
_this.loadedDisplay();
}
- };
+ };
editormd.loadCSS(loadPath + "codemirror/codemirror.min");
-
- if (settings.searchReplace && !settings.readOnly)
- {
+
+ 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");
+
+ if (settings.codeFold) {
+ editormd.loadCSS(loadPath + "codemirror/addon/fold/foldgutter");
}
-
- editormd.loadScript(loadPath + "codemirror/codemirror.min", function() {
+
+ editormd.loadScript(loadPath + "codemirror/codemirror.min", function () {
editormd.$CodeMirror = CodeMirror;
-
- editormd.loadScript(loadPath + "codemirror/modes.min", function() {
-
- editormd.loadScript(loadPath + "codemirror/addons.min", function() {
-
+
+ editormd.loadScript(loadPath + "codemirror/modes.min", function () {
+
+ editormd.loadScript(loadPath + "codemirror/addons.min", function () {
+
_this.setCodeMirror();
-
- if (settings.mode !== "gfm" && settings.mode !== "markdown")
- {
+
+ if (settings.mode !== "gfm" && settings.mode !== "markdown") {
_this.loadedDisplay();
-
+
return false;
}
-
+
_this.setToolbar();
- editormd.loadScript(loadPath + "marked.min", function() {
+ editormd.loadScript(loadPath + "marked.min", function () {
editormd.$marked = marked;
-
- if (settings.previewCodeHighlight)
- {
- editormd.loadScript(loadPath + "prettify.min", function() {
+
+ if (settings.previewCodeHighlight) {
+ editormd.loadScript(loadPath + "prettify.min", function () {
loadFlowChartOrSequenceDiagram();
});
- }
- else
- {
+ } 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;
+
+ 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")
- {
+
+ 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) {
+
+ 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;
+
+ 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")
- {
+
+ 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/ } )
+ 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.codeEditor = this.cm = editormd.$CodeMirror.fromTextArea(this.markdownTextarea[0], codeMirrorConfig);
this.codeMirror = this.cmElement = editor.children(".CodeMirror");
-
- if (settings.value !== "")
- {
+
+ if (settings.value !== "") {
this.cm.setValue(settings.value);
}
this.codeMirror.css({
- fontSize : settings.fontSize,
- width : (!settings.watch) ? "100%" : "50%"
+ fontSize: settings.fontSize,
+ width: (!settings.watch) ? "100%" : "50%"
});
-
- if (settings.autoHeight)
- {
+
+ if (settings.autoHeight) {
this.codeMirror.css("height", "auto");
this.cm.setOption("viewportMargin", Infinity);
}
-
- if (!settings.lineNumbers)
- {
+
+ 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) {
+
+ getCodeMirrorOption: function (key) {
return this.cm.getOption(key);
},
-
+
/**
* 配置和重配置CodeMirror的选项
* CodeMirror setting options / resettings
- *
+ *
* @returns {editormd} 返回editormd的实例对象
*/
-
- setCodeMirrorOption : function(key, value) {
-
+
+ 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) {
+
+ addKeyMap: function (map, bottom) {
this.cm.addKeyMap(map, bottom);
-
+
return this;
},
-
+
/**
* 移除 CodeMirror 键盘快捷键
* Remove CodeMirror keyboard shortcuts key map
- *
+ *
* @returns {editormd} 返回editormd的实例对象
*/
-
- removeKeyMap : function(map) {
+
+ 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) {
-
+
+ gotoLine: function (line) {
+
var settings = this.settings;
-
- if (!settings.gotoLine)
- {
+
+ if (!settings.gotoLine) {
return this;
}
-
- var cm = this.cm;
- var editor = this.editor;
- var count = cm.lineCount();
- var preview = this.preview;
-
- if (typeof line === "string")
- {
- if(line === "last")
- {
+
+ var cm = this.cm;
+ var editor = this.editor;
+ var count = cm.lineCount();
+ var preview = this.preview;
+
+ if (typeof line === "string") {
+ if (line === "last") {
line = count;
}
-
- if (line === "first")
- {
+
+ if (line === "first") {
line = 1;
}
}
-
- if (typeof line !== "number")
- {
+
+ if (typeof line !== "number") {
alert("Error: The line number must be an integer.");
return this;
}
-
- line = parseInt(line) - 1;
-
- if (line > count)
- {
+
+ 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.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)
- {
+
+ 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
- {
+ } 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")
- {
+
+ 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")
- {
+
+ 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")
- {
+
+ 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) {
+
+ config: function (key, value) {
var settings = this.settings;
-
- if (typeof key === "object")
- {
+
+ if (typeof key === "object") {
settings = $.extend(true, settings, key);
}
-
- if (typeof key === "string")
- {
+
+ 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) {
+
+ on: function (eventType, callback) {
var settings = this.settings;
-
- if (typeof settings["on" + eventType] !== "undefined")
- {
- settings["on" + eventType] = $.proxy(callback, this);
+
+ 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) {
+
+ off: function (eventType) {
var settings = this.settings;
-
- if (typeof settings["on" + eventType] !== "undefined")
- {
- settings["on" + eventType] = function(){};
+
+ if (typeof settings["on" + eventType] !== "undefined") {
+ settings["on" + eventType] = function () {
+ };
}
-
+
return this;
},
-
+
/**
* 显示工具栏
* Display toolbar
- *
+ *
* @param {Function} [callback=function(){}] 回调函数
* @returns {editormd} 返回editormd的实例对象
*/
-
- showToolbar : function(callback) {
+
+ showToolbar: function (callback) {
var settings = this.settings;
-
- if(settings.readOnly) {
+
+ if (settings.readOnly) {
return this;
}
-
- if (settings.toolbar && (this.toolbar.length < 1 || this.toolbar.find("." + this.classPrefix + "menu").html() === "") )
- {
+
+ if (settings.toolbar && (this.toolbar.length < 1 || this.toolbar.find("." + this.classPrefix + "menu").html() === "")) {
this.setToolbar();
}
-
- settings.toolbar = true;
-
+
+ settings.toolbar = true;
+
this.toolbar.show();
this.resize();
-
- $.proxy(callback || function(){}, this)();
+
+ $.proxy(callback || function () {
+ }, this)();
return this;
},
-
+
/**
* 隐藏工具栏
* Hide toolbar
- *
+ *
* @param {Function} [callback=function(){}] 回调函数
* @returns {editormd} this(editormd instance object.)
*/
-
- hideToolbar : function(callback) {
+
+ hideToolbar: function (callback) {
var settings = this.settings;
-
- settings.toolbar = false;
+
+ settings.toolbar = false;
this.toolbar.hide();
this.resize();
-
- $.proxy(callback || function(){}, this)();
+
+ $.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;
+
+ setToolbarAutoFixed: function (fixed) {
+
+ var state = this.state;
+ var editor = this.editor;
+ var toolbar = this.toolbar;
var settings = this.settings;
-
- if (typeof fixed !== "undefined")
- {
+
+ if (typeof fixed !== "undefined") {
settings.toolbarAutoFixed = fixed;
}
-
- var autoFixedHandle = function(){
+
+ var autoFixedHandle = function () {
var $window = $(window);
- var top = $window.scrollTop();
-
- if (!settings.toolbarAutoFixed)
- {
+ var top = $window.scrollTop();
+
+ if (!settings.toolbarAutoFixed) {
return false;
}
- if (top - editor.offset().top > 10 && top < editor.height())
- {
+ if (top - editor.offset().top > 10 && top < editor.height()) {
toolbar.css({
- position : "fixed",
- width : editor.width() + "px",
- left : ($window.width() - editor.width()) / 2 + "px"
+ position: "fixed",
+ width: editor.width() + "px",
+ left: ($window.width() - editor.width()) / 2 + "px"
});
- }
- else
- {
+ } else {
toolbar.css({
- position : "absolute",
- width : "100%",
- left : 0
+ position: "absolute",
+ width: "100%",
+ left: 0
});
}
};
-
- if (!state.fullscreen && !state.preview && settings.toolbar && settings.toolbarAutoFixed)
- {
+
+ 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) {
+
+ setToolbar: function () {
+ var settings = this.settings;
+
+ if (settings.readOnly) {
return this;
}
-
- var editor = this.editor;
- var preview = this.preview;
+
+ var editor = this.editor;
+ var preview = this.preview;
var classPrefix = this.classPrefix;
-
- var toolbar = this.toolbar = editor.children("." + classPrefix + "toolbar");
-
- if (settings.toolbar && toolbar.length < 1)
- {
+
+ var toolbar = this.toolbar = editor.children("." + classPrefix + "toolbar");
+
+ if (settings.toolbar && toolbar.length < 1) {
var toolbarHTML = "
",
"
",
@@ -1392,87 +1321,86 @@
].join("\n");
editor.append(infoDialogHTML);
-
- var infoDialog = this.infoDialog = editor.children("." + classPrefix + "dialog-info");
- infoDialog.find("." + classPrefix + "dialog-close").bind(editormd.mouseOrTouch("click", "touchend"), function() {
+ var infoDialog = this.infoDialog = editor.children("." + classPrefix + "dialog-info");
+
+ infoDialog.find("." + classPrefix + "dialog-close").bind(editormd.mouseOrTouch("click", "touchend"), 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() {
+
+ 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);
-
+
+ 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() {
+
+ showInfoDialog: function () {
$("html,body").css("overflow-x", "hidden");
-
- var _this = this;
- var editor = this.editor;
- var settings = this.settings;
- var infoDialog = this.infoDialog = editor.children("." + this.classPrefix + "dialog-info");
-
- if (infoDialog.length < 1)
- {
+
+ var _this = this;
+ 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();
+ opacity: settings.dialogMaskOpacity,
+ backgroundColor: settings.dialogMaskBgColor
+ }).show();
- infoDialog.css("z-index", editormd.dialogZindex).show();
+ infoDialog.css("z-index", editormd.dialogZindex).show();
- this.infoDialogPosition();
+ this.infoDialogPosition();
return this;
},
-
+
/**
* 隐藏关于Editor.md
* Hide about Editor.md dialog
- *
+ *
* @returns {editormd} 返回editormd的实例对象
*/
-
- hideInfoDialog : function() {
+
+ hideInfoDialog: function () {
$("html,body").css("overflow-x", "");
this.infoDialog.hide();
this.mask.hide();
@@ -1480,116 +1408,111 @@
return this;
},
-
+
/**
* 锁屏
* lock screen
- *
+ *
* @param {Boolean} lock Boolean 布尔值，是否锁屏
* @returns {editormd} 返回editormd的实例对象
*/
-
- lockScreen : function(lock) {
+
+ lockScreen: function (lock) {
editormd.lockScreen(lock);
this.resize();
return this;
},
-
+
/**
* 编辑器界面重建，用于动态语言包或模块加载等
* Recreate editor
- *
+ *
* @returns {editormd} 返回editormd的实例对象
*/
-
- recreate : function() {
- var _this = this;
- var editor = this.editor;
- var settings = this.settings;
-
+
+ recreate: function () {
+ var _this = this;
+ var editor = this.editor;
+ var settings = this.settings;
+
this.codeMirror.remove();
-
+
this.setCodeMirror();
- if (!settings.readOnly)
- {
+ if (!settings.readOnly) {
if (editor.find(".editormd-dialog").length > 0) {
editor.find(".editormd-dialog").remove();
}
-
- if (settings.toolbar)
- {
- this.getToolbarHandles();
+
+ 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;
+
+ previewCodeHighlight: function () {
+ var settings = this.settings;
var previewContainer = this.previewContainer;
-
- if (settings.previewCodeHighlight)
- {
+
+ if (settings.previewCodeHighlight) {
previewContainer.find("pre").addClass("prettyprint linenums");
-
- if (typeof prettyPrint !== "undefined")
- {
+
+ if (typeof prettyPrint !== "undefined") {
prettyPrint();
}
}
return this;
},
-
+
/**
* 解析TeX(KaTeX)科学公式
* TeX(KaTeX) Renderer
- *
+ *
* @returns {editormd} 返回editormd的实例对象
*/
-
- katexRender : function() {
-
- if (timer === null)
- {
+
+ katexRender: function () {
+
+ if (timer === null) {
return this;
}
-
- this.previewContainer.find("." + editormd.classNames.tex).each(function(){
- var tex = $(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;
+
+ flowChartAndSequenceDiagramRender: function () {
+ var $this = this;
+ var settings = this.settings;
var previewContainer = this.previewContainer;
-
+
if (editormd.isIE8) {
return this;
}
@@ -1598,120 +1521,106 @@
if (flowchartTimer === null) {
return this;
}
-
- previewContainer.find(".flowchart").flowChart();
+
+ previewContainer.find(".flowchart").flowChart();
}
if (settings.sequenceDiagram) {
previewContainer.find(".sequence-diagram").sequenceDiagram({theme: "simple"});
}
-
- var preview = $this.preview;
+
+ var preview = $this.preview;
var codeMirror = $this.codeMirror;
- var codeView = codeMirror.find(".CodeMirror-scroll");
+ var codeView = codeMirror.find(".CodeMirror-scroll");
- var height = codeView.height();
- var scrollTop = codeView.scrollTop();
- var percent = (scrollTop / codeView[0].scrollHeight);
+ var height = codeView.height();
+ var scrollTop = codeView.scrollTop();
+ var percent = (scrollTop / codeView[0].scrollHeight);
var tocHeight = 0;
- preview.find(".markdown-toc-list").each(function(){
+ preview.find(".markdown-toc-list").each(function () {
tocHeight += $(this).height();
});
- var tocMenuHeight = preview.find(".editormd-toc-menu").height();
+ var tocMenuHeight = preview.find(".editormd-toc-menu").height();
tocMenuHeight = (!tocMenuHeight) ? 0 : tocMenuHeight;
- if (scrollTop === 0)
- {
+ if (scrollTop === 0) {
preview.scrollTop(0);
- }
- else if (scrollTop + height >= codeView[0].scrollHeight - 16)
- {
- preview.scrollTop(preview[0].scrollHeight);
- }
- else
- {
+ } 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;
+
+ 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)
- {
+
+ keyMap = keyMap || null;
+
+ if (keyMap) {
+ for (var i in keyMap) {
+ if ($.inArray(i, disabledKeyMaps) < 0) {
var map = {};
- map[i] = keyMap[i];
+ map[i] = keyMap[i];
cm.addKeyMap(keyMap);
}
}
- }
- else
- {
- for (var k in editormd.keyMaps)
- {
+ } 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)
- {
+
+ if ($.inArray(k, ["F9", "F10", "F11"]) < 0 && $.inArray(k, disabledKeyMaps) < 0) {
var _map = {};
_map[k] = handle;
cm.addKeyMap(_map);
}
}
-
- $(window).keydown(function(event) {
-
+
+ $(window).keydown(function (event) {
+
var keymaps = {
- "120" : "F9",
- "121" : "F10",
- "122" : "F11"
+ "120": "F9",
+ "121": "F10",
+ "122": "F11"
};
-
- if ( $.inArray(keymaps[event.keyCode], disabledKeyMaps) < 0 )
- {
- switch (event.keyCode)
- {
+
+ if ($.inArray(keymaps[event.keyCode], disabledKeyMaps) < 0) {
+ switch (event.keyCode) {
case 120:
- $.proxy(toolbarHandlers["watch"], _this)();
- return false;
+ $.proxy(toolbarHandlers["watch"], _this)();
+ return false;
break;
-
+
case 121:
- $.proxy(toolbarHandlers["preview"], _this)();
- return false;
+ $.proxy(toolbarHandlers["preview"], _this)();
+ return false;
break;
-
+
case 122:
- $.proxy(toolbarHandlers["fullscreen"], _this)();
- return false;
+ $.proxy(toolbarHandlers["fullscreen"], _this)();
+ return false;
break;
-
+
default:
break;
}
@@ -1721,130 +1630,119 @@
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;
-
+
+ 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 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(){
+
+ 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)
- {
+ 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);
+ } 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() {
+ 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");
+ 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)
- {
+ if (scrollTop === 0) {
codeView.scrollTop(0);
- }
- else if (scrollTop + height >= $(this)[0].scrollHeight)
- {
- codeView.scrollTop(codeView[0].scrollHeight);
- }
- else
- {
+ } 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() {
+ var previewUnbindScroll = function () {
preview.unbind(mouseOrTouch("scroll", "touchmove"));
- };
-
- codeMirror.bind({
- mouseover : cmBindScroll,
- mouseout : cmUnbindScroll,
- touchstart : cmBindScroll,
- touchend : cmUnbindScroll
- });
-
+ };
+
+ 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
- });
+
+ 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;
-
+
+ bindChangeEvent: function () {
+
+ var _this = this;
+ var cm = this.cm;
+ var settings = this.settings;
+
if (!settings.syncScrolling) {
return this;
}
-
- cm.on("change", function(_cm, changeObj) {
-
- if (settings.watch)
- {
+
+ cm.on("change", function (_cm, changeObj) {
+
+ if (settings.watch) {
_this.previewContainer.css("padding", settings.autoHeight ? "20px 20px 50px 40px" : "20px");
}
-
- timer = setTimeout(function() {
+
+ timer = setTimeout(function () {
clearTimeout(timer);
_this.save();
timer = null;
@@ -1853,715 +1751,678 @@
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;
-
+
+ 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(){
+
+ $(window).resize(function () {
_this.resize();
});
-
+
this.bindScrollEvent().bindChangeEvent();
-
- if (!recreate)
- {
+
+ 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);
+
+ 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);
+
+ 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;
+
+ 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 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 (width) {
+ editor.css("width", (typeof width === "number") ? width + "px" : width);
}
-
- if (settings.autoHeight && !state.fullscreen && !state.preview)
- {
+
+ if (settings.autoHeight && !state.fullscreen && !state.preview) {
editor.css("height", "auto");
codeMirror.css("height", "auto");
- }
- else
- {
- if (height)
- {
+ } else {
+ if (height) {
editor.css("height", (typeof height === "number") ? height + "px" : height);
}
-
- if (state.fullscreen)
- {
+
+ if (state.fullscreen) {
editor.height($(window).height());
}
- if (settings.toolbar && !settings.readOnly)
- {
+ if (settings.toolbar && !settings.readOnly) {
codeMirror.css("margin-top", toolbar.height() + 1).height(editor.height() - toolbar.height());
- }
- else
- {
+ } else {
codeMirror.css("margin-top", 0).height(editor.height());
}
}
-
- if(settings.watch)
- {
+
+ if (settings.watch) {
codeMirror.width(editor.width() / 2);
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)
- {
+
+ if (settings.toolbar && !settings.readOnly) {
preview.css("top", toolbar.height() + 1);
- }
- else
- {
+ } else {
preview.css("top", 0);
}
-
- if (settings.autoHeight && !state.fullscreen && !state.preview)
- {
+
+ if (settings.autoHeight && !state.fullscreen && !state.preview) {
preview.height("");
- }
- else
- {
+ } else {
var previewHeight = (settings.toolbar && !settings.readOnly) ? editor.height() - toolbar.height() : editor.height();
-
+
preview.height(previewHeight);
}
- }
- else
- {
+ } else {
codeMirror.width(editor.width());
preview.hide();
}
-
- if (state.loaded)
- {
+
+ if (state.loaded) {
$.proxy(settings.onresize, this)();
}
return this;
},
-
+
/**
* 解析和保存Markdown代码
* Parse & Saving Markdown source code
- *
+ *
* @returns {editormd} 返回editormd的实例对象
*/
-
- save : function() {
-
- if (timer === null)
- {
+
+ 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 _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")
- {
+ 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 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
+ 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);
-
+
//console.info("cmValue", cmValue, newMarkdownDoc);
-
+
newMarkdownDoc = editormd.filterHTMLTags(newMarkdownDoc, settings.htmlDecode);
-
+
//console.error("cmValue", cmValue, newMarkdownDoc);
-
+
this.markdownTextarea.text(cmValue);
-
+
cm.save();
-
- if (settings.saveHTMLToTextarea)
- {
+
+ if (settings.saveHTMLToTextarea) {
this.htmlTextarea.text(newMarkdownDoc);
}
-
- if(settings.watch || (!settings.watch && state.preview))
- {
+
+ if (settings.watch || (!settings.watch && state.preview)) {
previewContainer.html(newMarkdownDoc);
this.previewCodeHighlight();
-
- if (settings.toc)
- {
+
+ if (settings.toc) {
var tocContainer = (settings.tocContainer === "") ? previewContainer : $(settings.tocContainer);
- var tocMenu = tocContainer.find("." + this.classPrefix + "toc-menu");
-
+ var tocMenu = tocContainer.find("." + this.classPrefix + "toc-menu");
+
tocContainer.attr("previewContainer", (settings.tocContainer === "") ? "true" : "false");
-
- if (settings.tocContainer !== "" && tocMenu.length > 0)
- {
+
+ 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)
- {
+
+ if (settings.tocDropdown || tocContainer.find("." + this.classPrefix + "toc-menu").length > 0) {
editormd.tocDropdownMenu(tocContainer, (settings.tocTitle !== "") ? settings.tocTitle : this.lang.tocTitle);
}
-
- if (settings.tocContainer !== "")
- {
+
+ if (settings.tocContainer !== "") {
previewContainer.find(".markdown-toc").css("border", "none");
}
}
-
- if (settings.tex)
- {
- if (!editormd.kaTeXLoaded && settings.autoLoadModules)
- {
- editormd.loadKaTeX(function() {
+
+ if (settings.tex) {
+ if (!editormd.kaTeXLoaded && settings.autoLoadModules) {
+ editormd.loadKaTeX(function () {
editormd.$katex = katex;
editormd.kaTeXLoaded = true;
_this.katexRender();
});
- }
- else
- {
+ } else {
editormd.$katex = katex;
this.katexRender();
}
- }
-
- if (settings.flowChart || settings.sequenceDiagram)
- {
- flowchartTimer = setTimeout(function(){
+ }
+
+ if (settings.flowChart || settings.sequenceDiagram) {
+ flowchartTimer = setTimeout(function () {
clearTimeout(flowchartTimer);
_this.flowChartAndSequenceDiagramRender();
flowchartTimer = null;
}, 10);
}
- if (state.loaded)
- {
+ if (state.loaded) {
$.proxy(settings.onchange, this)();
}
}
return this;
},
-
+
/**
* 聚焦光标位置
* Focusing the cursor position
- *
+ *
* @returns {editormd} 返回editormd的实例对象
*/
-
- focus : function() {
+
+ focus: function () {
this.cm.focus();
return this;
},
-
+
/**
* 设置光标的位置
* Set cursor position
- *
+ *
* @param {Object} cursor 要设置的光标位置键值对象，例：{line:1, ch:0}
* @returns {editormd} 返回editormd的实例对象
*/
-
- setCursor : function(cursor) {
+
+ setCursor: function (cursor) {
this.cm.setCursor(cursor);
return this;
},
-
+
/**
* 获取当前光标的位置
* Get the current position of the cursor
- *
+ *
* @returns {Cursor} 返回一个光标Cursor对象
*/
-
- getCursor : function() {
+
+ 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) {
-
+
+ setSelection: function (from, to) {
+
this.cm.setSelection(from, to);
-
+
return this;
},
-
+
/**
* 获取光标选中的文本
* Get the texts from cursor selected
- *
+ *
* @returns {String} 返回选中文本的字符串形式
*/
-
- getSelection : function() {
+
+ 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) {
+
+ setSelections: function (ranges) {
this.cm.setSelections(ranges);
-
+
return this;
},
-
+
/**
* 获取光标选中的文本范围
* Get the cursor selection ranges
- *
+ *
* @returns {Array} return selection ranges array
*/
-
- getSelections : function() {
+
+ 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) {
+
+ 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) {
+
+ insertValue: function (value) {
this.replaceSelection(value);
return this;
},
-
+
/**
* 追加markdown
* append Markdown to editor
- *
+ *
* @param {String} md 要追加的markdown源文档
* @returns {editormd} 返回editormd的实例对象
*/
-
- appendMarkdown : function(md) {
+
+ appendMarkdown: function (md) {
var settings = this.settings;
- var cm = this.cm;
-
+ 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) {
+
+ setMarkdown: function (md) {
this.cm.setValue(md || this.settings.markdown);
-
+
return this;
},
-
+
/**
* 获取编辑器的markdown源文档
* Set Editor.md markdown/CodeMirror value
- *
+ *
* @returns {editormd} 返回editormd的实例对象
*/
-
- getMarkdown : function() {
+
+ getMarkdown: function () {
return this.cm.getValue();
},
-
+
/**
* 获取编辑器的源文档
* Get CodeMirror value
- *
+ *
* @returns {editormd} 返回editormd的实例对象
*/
-
- getValue : function() {
+
+ getValue: function () {
return this.cm.getValue();
},
-
+
/**
* 设置编辑器的源文档
* Set CodeMirror value
- *
+ *
* @param {String} value set code/value/string/text
* @returns {editormd} 返回editormd的实例对象
*/
-
- setValue : function(value) {
+
+ setValue: function (value) {
this.cm.setValue(value);
-
+
return this;
},
-
+
/**
* 清空编辑器
* Empty CodeMirror editor container
- *
+ *
* @returns {editormd} 返回editormd的实例对象
*/
-
- clear : function() {
+
+ clear: function () {
this.cm.setValue("");
-
+
return this;
},
-
+
/**
* 获取解析后存放在Textarea的HTML源码
* Get parsed html code from Textarea
- *
+ *
* @returns {String} 返回HTML源码
*/
-
- getHTML : function() {
- if (!this.settings.saveHTMLToTextarea)
- {
+
+ 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() {
+
+ getTextareaSavedHTML: function () {
return this.getHTML();
},
-
+
/**
* 获取预览窗口的HTML源码
* Get html from preview container
- *
+ *
* @returns {editormd} 返回editormd的实例对象
*/
-
- getPreviewedHTML : function() {
- if (!this.settings.watch)
- {
+
+ 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)
- {
+
+ 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;
+
+ if (this.toolbar) {
+ var watchIcon = settings.toolbarIconsClass.watch;
var unWatchIcon = settings.toolbarIconsClass.unwatch;
-
- var icon = this.toolbar.find(".fa[name=watch]");
+
+ 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);
-
+
+ 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() {};
+
+ 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;
+
+ unwatch: function (callback) {
+ var settings = this.settings;
this.state.watching = settings.watch = false;
this.preview.hide();
-
- if (this.toolbar)
- {
- var watchIcon = settings.toolbarIconsClass.watch;
+
+ if (this.toolbar) {
+ var watchIcon = settings.toolbarIconsClass.watch;
var unWatchIcon = settings.toolbarIconsClass.unwatch;
-
- var icon = this.toolbar.find(".fa[name=watch]");
+
+ 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() {};
+
+ 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() {};
-
+
+ show: function (callback) {
+ callback = callback || function () {
+ };
+
var _this = this;
- this.editor.show(0, function() {
+ 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() {};
-
+
+ hide: function (callback) {
+ callback = callback || function () {
+ };
+
var _this = this;
- this.editor.hide(0, function() {
+ this.editor.hide(0, function () {
$.proxy(callback, _this)();
});
-
+
return this;
},
-
+
/**
* 隐藏编辑器部分，只预览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;
+
+ 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;
}
-
+
if (settings.toolbar && toolbar) {
toolbar.toggle();
toolbar.find(".fa[name=preview]").toggleClass("active");
}
-
+
codeMirror.toggle();
-
- var escHandle = function(event) {
+
+ var escHandle = function (event) {
if (event.shiftKey && event.keyCode === 27) {
_this.previewed();
}
@@ -2574,303 +2435,282 @@
if (this.state.fullscreen) {
preview.css("background", "#fff");
}
-
- editor.find("." + this.classPrefix + "preview-close-btn").show().bind(editormd.mouseOrTouch("click", "touchend"), function(){
+
+ editor.find("." + this.classPrefix + "preview-close-btn").show().bind(editormd.mouseOrTouch("click", "touchend"), function () {
_this.previewed();
});
-
- if (!settings.watch)
- {
+
+ if (!settings.watch) {
this.save();
- }
- else
- {
+ } 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()
+ position: "",
+ top: 0,
+ width: editor.width(),
+ height: (settings.autoHeight && !this.state.fullscreen) ? "auto" : editor.height()
});
-
- if (this.state.loaded)
- {
+
+ if (this.state.loaded) {
$.proxy(settings.onpreviewing, this)();
}
$(window).bind("keyup", escHandle);
- }
- else
- {
+ } 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;
+
+ 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");
+ var previewCloseBtn = editor.find("." + this.classPrefix + "preview-close-btn");
+
+ this.state.preview = false;
- this.state.preview = false;
-
this.codeMirror.show();
-
+
if (settings.toolbar) {
toolbar.show();
}
-
+
preview[(settings.watch) ? "show" : "hide"]();
-
+
previewCloseBtn.hide().unbind(editormd.mouseOrTouch("click", "touchend"));
-
+
previewContainer.removeClass(this.classPrefix + "preview-active");
-
- if (settings.watch)
- {
+
+ if (settings.watch) {
previewContainer.css("padding", "20px");
}
-
- 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
+
+ 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)
- {
+ 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 preview = this.preview;
- var toolbar = this.toolbar;
- var settings = this.settings;
- var fullscreenClass = this.classPrefix + "fullscreen";
-
+
+ fullscreen: function () {
+
+ var _this = this;
+ var state = this.state;
+ var editor = this.editor;
+ var preview = this.preview;
+ 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)
- {
+ 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))
- {
+ if (!editor.hasClass(fullscreenClass)) {
state.fullscreen = true;
$("html,body").css("overflow", "hidden");
-
+
editor.css({
- width : $(window).width(),
- height : $(window).height()
+ width: $(window).width(),
+ height: $(window).height()
}).addClass(fullscreenClass);
this.resize();
-
+
$.proxy(settings.onfullscreen, this)();
$(window).bind("keyup", escHandle);
- }
- else
- {
- $(window).unbind("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";
-
+
+ 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");
+ toolbar.find(".fa[name=fullscreen]").parent().removeClass("active");
}
$("html,body").css("overflow", "");
editor.css({
- width : editor.data("oldWidth"),
- height : editor.data("oldHeight")
+ 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;
+
+ 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")
- {
+
+ 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() {
+
+ if ($.inArray(path, editormd.loadFiles.plugin) < 0) {
+ editormd.loadPlugin(path, function () {
editormd.loadPlugins[name] = _this[name];
_this[name](cm);
});
- }
- else
- {
+ } 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) {
+
+ search: function (command) {
var settings = this.settings;
-
- if (!settings.searchReplace)
- {
+
+ if (!settings.searchReplace) {
alert("Error: settings.searchReplace == false");
return this;
}
-
- if (!settings.readOnly)
- {
+
+ if (!settings.readOnly) {
this.cm.execCommand(command || "find");
}
-
+
return this;
},
-
- searchReplace : function() {
+
+ searchReplace: function () {
this.search("replace");
-
+
return this;
},
-
- searchReplaceAll : function() {
+
+ searchReplaceAll: function () {
this.search("replaceAll");
-
+
return this;
}
};
-
- editormd.fn.init.prototype = editormd.fn;
-
+
+ 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)
- {
+ 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};
-
+
+ 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"
+ top: ($(window).height() - dialog.height()) / 2 + "px",
+ left: ($(window).width() - dialog.width()) / 2 + "px"
});
if (settings.dialogShowMask) {
@@ -2879,224 +2719,199 @@
};
editormd.toolbarHandlers = {
- undo : function() {
+ undo: function () {
this.cm.undo();
},
-
- redo : function() {
+
+ redo: function () {
this.cm.redo();
},
-
- bold : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
+
+ bold: function () {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
var selection = cm.getSelection();
cm.replaceSelection("**" + selection + "**");
- if(selection === "") {
+ if (selection === "") {
cm.setCursor(cursor.line, cursor.ch + 2);
}
},
-
- del : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
+
+ del: function () {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
var selection = cm.getSelection();
cm.replaceSelection("~~" + selection + "~~");
- if(selection === "") {
+ if (selection === "") {
cm.setCursor(cursor.line, cursor.ch + 2);
}
},
- italic : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
+ italic: function () {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
var selection = cm.getSelection();
cm.replaceSelection("*" + selection + "*");
- if(selection === "") {
+ if (selection === "") {
cm.setCursor(cursor.line, cursor.ch + 1);
}
},
- quote : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
+ quote: function () {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
var selection = cm.getSelection();
- if (cursor.ch !== 0)
- {
+ if (cursor.ch !== 0) {
cm.setCursor(cursor.line, 0);
cm.replaceSelection("> " + selection);
cm.setCursor(cursor.line, cursor.ch + 2);
- }
- else
- {
+ } 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();
+
+ 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();
+
+ 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();
+
+ 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 cursor = cm.getCursor();
- var selection = cm.getSelection();
+
+ lowercase: function () {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
+ 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();
+ h1: function () {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
var selection = cm.getSelection();
- if (cursor.ch !== 0)
- {
+ if (cursor.ch !== 0) {
cm.setCursor(cursor.line, 0);
cm.replaceSelection("# " + selection);
cm.setCursor(cursor.line, cursor.ch + 2);
- }
- else
- {
+ } else {
cm.replaceSelection("# " + selection);
}
},
- h2 : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
+ h2: function () {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
var selection = cm.getSelection();
- if (cursor.ch !== 0)
- {
+ if (cursor.ch !== 0) {
cm.setCursor(cursor.line, 0);
cm.replaceSelection("## " + selection);
cm.setCursor(cursor.line, cursor.ch + 3);
- }
- else
- {
+ } else {
cm.replaceSelection("## " + selection);
}
},
- h3 : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
+ h3: function () {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
var selection = cm.getSelection();
- if (cursor.ch !== 0)
- {
+ if (cursor.ch !== 0) {
cm.setCursor(cursor.line, 0);
cm.replaceSelection("### " + selection);
cm.setCursor(cursor.line, cursor.ch + 4);
- }
- else
- {
+ } else {
cm.replaceSelection("### " + selection);
}
},
- h4 : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
+ h4: function () {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
var selection = cm.getSelection();
- if (cursor.ch !== 0)
- {
+ if (cursor.ch !== 0) {
cm.setCursor(cursor.line, 0);
cm.replaceSelection("#### " + selection);
cm.setCursor(cursor.line, cursor.ch + 5);
- }
- else
- {
+ } else {
cm.replaceSelection("#### " + selection);
}
},
- h5 : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
+ h5: function () {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
var selection = cm.getSelection();
- if (cursor.ch !== 0)
- {
+ if (cursor.ch !== 0) {
cm.setCursor(cursor.line, 0);
cm.replaceSelection("##### " + selection);
cm.setCursor(cursor.line, cursor.ch + 6);
- }
- else
- {
+ } else {
cm.replaceSelection("##### " + selection);
}
},
- h6 : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
+ h6: function () {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
var selection = cm.getSelection();
- if (cursor.ch !== 0)
- {
+ if (cursor.ch !== 0) {
cm.setCursor(cursor.line, 0);
cm.replaceSelection("###### " + selection);
cm.setCursor(cursor.line, cursor.ch + 7);
- }
- else
- {
+ } else {
cm.replaceSelection("###### " + selection);
}
},
- "list-ul" : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
+ "list-ul": function () {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
var selection = cm.getSelection();
- if (selection === "")
- {
+ if (selection === "") {
cm.replaceSelection("- " + selection);
- }
- else
- {
+ } else {
var selectionText = selection.split("\n");
- for (var i = 0, len = selectionText.length; i < len; i++)
- {
+ for (var i = 0, len = selectionText.length; i < len; i++) {
selectionText[i] = (selectionText[i] === "") ? "" : "- " + selectionText[i];
}
@@ -3104,82 +2919,76 @@
}
},
- "list-ol" : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
+ "list-ol": function () {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
var selection = cm.getSelection();
- if(selection === "")
- {
+ if (selection === "") {
cm.replaceSelection("1. " + selection);
- }
- else
- {
+ } else {
var selectionText = selection.split("\n");
- for (var i = 0, len = selectionText.length; i < len; i++)
- {
- selectionText[i] = (selectionText[i] === "") ? "" : (i+1) + ". " + selectionText[i];
+ 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();
+ hr: function () {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
var selection = cm.getSelection();
cm.replaceSelection(((cursor.ch !== 0) ? "\n\n" : "\n") + "------------\n\n");
},
- tex : function() {
- if (!this.settings.tex)
- {
+ tex: function () {
+ if (!this.settings.tex) {
alert("settings.tex === false");
return this;
}
-
- var cm = this.cm;
- var cursor = cm.getCursor();
+
+ var cm = this.cm;
+ var cursor = cm.getCursor();
var selection = cm.getSelection();
cm.replaceSelection("$$" + selection + "$$");
- if(selection === "") {
+ if (selection === "") {
cm.setCursor(cursor.line, cursor.ch + 2);
}
},
- link : function() {
+ link: function () {
this.executePlugin("linkDialog", "link-dialog/link-dialog");
},
- "reference-link" : function() {
+ "reference-link": function () {
this.executePlugin("referenceLinkDialog", "reference-link-dialog/reference-link-dialog");
},
- pagebreak : function() {
- if (!this.settings.pageBreak)
- {
+ pagebreak: function () {
+ if (!this.settings.pageBreak) {
alert("settings.pageBreak === false");
return this;
}
-
- var cm = this.cm;
+
+ var cm = this.cm;
var selection = cm.getSelection();
cm.replaceSelection("\r\n[========]\r\n");
},
- image : function() {
+ image: function () {
this.executePlugin("imageDialog", "image-dialog/image-dialog");
},
-
- code : function() {
- var cm = this.cm;
- var cursor = cm.getCursor();
+
+ code: function () {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
var selection = cm.getSelection();
cm.replaceSelection("`" + selection + "`");
@@ -3189,88 +2998,87 @@
}
},
- "code-block" : function() {
- this.executePlugin("codeBlockDialog", "code-block-dialog/code-block-dialog");
+ "code-block": function () {
+ this.executePlugin("codeBlockDialog", "code-block-dialog/code-block-dialog");
},
- "preformatted-text" : function() {
+ "preformatted-text": function () {
this.executePlugin("preformattedTextDialog", "preformatted-text-dialog/preformatted-text-dialog");
},
-
- table : function() {
- this.executePlugin("tableDialog", "table-dialog/table-dialog");
+
+ table: function () {
+ this.executePlugin("tableDialog", "table-dialog/table-dialog");
},
-
- datetime : function() {
- var cm = this.cm;
+
+ datetime: function () {
+ var cm = this.cm;
var selection = cm.getSelection();
- var date = new Date();
- var langName = this.settings.lang.name;
- var datefmt = editormd.dateFormat() + " " + editormd.dateFormat((langName === "zh-cn" || langName === "zh-tw") ? "cn-week-day" : "week-day");
+ var date = new Date();
+ 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() {
+
+ emoji: function () {
this.executePlugin("emojiDialog", "emoji-dialog/emoji-dialog");
},
-
- "html-entities" : function() {
+
+ "html-entities": function () {
this.executePlugin("htmlEntitiesDialog", "html-entities-dialog/html-entities-dialog");
},
-
- "goto-line" : function() {
+
+ "goto-line": function () {
this.executePlugin("gotoLineDialog", "goto-line-dialog/goto-line-dialog");
},
- watch : function() {
+ watch: function () {
this[this.settings.watch ? "unwatch" : "watch"]();
},
- preview : function() {
+ preview: function () {
this.previewing();
},
- fullscreen : function() {
+ fullscreen: function () {
this.fullscreen();
},
- clear : function() {
+ clear: function () {
this.clear();
},
-
- search : function() {
+
+ search: function () {
this.search();
},
- help : function() {
+ help: function () {
this.executePlugin("helpDialog", "help-dialog/help-dialog");
},
- info : function() {
+ info: function () {
this.showInfoDialog();
}
};
-
+
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();
+ "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)
- {
+
+ if (!this.settings.emoji) {
alert("Error: settings.emoji == false");
- return ;
+ return;
}
cm.replaceSelection(":" + selection + ":");
@@ -3279,35 +3087,34 @@
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();
+ "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+")");
+ 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();
+ "Ctrl-U": "list-ul",
+
+ "Shift-Ctrl-A": function () {
+ var cm = this.cm;
+ var cursor = cm.getCursor();
var selection = cm.getSelection();
-
- if (!this.settings.atLink)
- {
+
+ if (!this.settings.atLink) {
alert("Error: settings.atLink == false");
- return ;
+ return;
}
cm.replaceSelection("@" + selection);
@@ -3316,229 +3123,217 @@
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();
+
+ "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();
+ }
+ },
+
+ "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+")");
+ 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",
+
+ "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
+ * @returns {String} trimed string
*/
-
- var trim = function(str) {
+
+ 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 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){
+
+ var firstUpperCase = function (str) {
+ return str.toLowerCase().replace(/\b(\w)/, function ($1) {
return $1.toUpperCase();
});
};
-
+
var ucfirst = firstUpperCase;
-
+
editormd.firstUpperCase = editormd.ucfirst = firstUpperCase;
-
+
editormd.urls = {
- atLinkBase : "https://github.com/"
+ 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{2}:\d{2}:\d{2})/g,
- twemoji : /:(tw-([\w]+)-?(\w+)?):/g,
- fontAwesome : /:(fa-([\w]+)(-(\w+)){0,}):/g,
- editormdLogo : /:(editormd-logo-?(\w+)?):/g,
- pageBreak : /^\[[=]{8,}\]$/
+ atLink: /@(\w+)/g,
+ email: /(\w+)@(\w+)\.(\w+)\.?(\w+)?/g,
+ emailLink: /(mailto:)?([\w\.\_]+)@(\w+)\.(\w+)\.?(\w+)?/g,
+ emoji: /:([\w\+-]+):/g,
+ emojiDatetime: /(\d{2}:\d{2}:\d{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 : "http://www.emoji-cheat-sheet.com/graphics/emojis/",
- ext : ".png"
+ editormd.emoji = {
+ path: "http://www.emoji-cheat-sheet.com/graphics/emojis/",
+ ext: ".png"
};
// Twitter Emoji (Twemoji) graphics files url path
editormd.twemoji = {
- path : "http://twemoji.maxcdn.com/36x36/",
- ext : ".png"
+ 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) {
+ 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+
+ 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 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 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;
+ var pageBreakReg = regexs.pageBreak;
+
+ markedRenderer.emoji = function (text) {
- markedRenderer.emoji = function(text) {
-
- text = text.replace(editormd.regexs.emojiDatetime, function($1) {
+ 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++)
- {
+ 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, $2){
+ text = text.replace(new RegExp(matchs[i]), function ($1, $2) {
var faMatchs = $1.match(faIconReg);
- var name = $1.replace(/:/g, "");
+ var name = $1.replace(/:/g, "");
- if (faMatchs)
- {
- for (var fa = 0, len1 = faMatchs.length; fa < len1; fa++)
- {
+ if (faMatchs) {
+ for (var fa = 0, len1 = faMatchs.length; fa < len1; fa++) {
var faName = faMatchs[fa].replace(/:/g, "");
-
+
return "";
}
- }
- else
- {
+ } else {
var emdlogoMathcs = $1.match(editormdLogoReg);
var twemojiMatchs = $1.match(twemojiReg);
- if (emdlogoMathcs)
- {
- for (var x = 0, len2 = emdlogoMathcs.length; x < len2; x++)
- {
+ 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++)
- {
+ } else if (twemojiMatchs) {
+ for (var t = 0, len3 = twemojiMatchs.length; t < len3; t++) {
var twe = twemojiMatchs[t].replace(/:/g, "").replace("tw-", "");
return "![\"twemoji-"](\"" "\\"twemoji-\"")
";
}
- }
- else
- {
+ } else {
var src = (name === "+1") ? "plus1" : name;
- src = (src === "black_large_square") ? "black_square" : src;
- src = (src === "moon") ? "waxing_gibbous_moon" : src;
+ src = (src === "black_large_square") ? "black_square" : src;
+ src = (src === "moon") ? "waxing_gibbous_moon" : src;
return "";
}
@@ -3549,25 +3344,22 @@
return text;
};
- markedRenderer.atLink = function(text) {
+ markedRenderer.atLink = function (text) {
- if (atLinkReg.test(text))
- {
- if (settings.atLink)
- {
- text = text.replace(emailReg, function($1, $2, $3, $4) {
+ if (atLinkReg.test(text)) {
+ if (settings.atLink) {
+ text = text.replace(emailReg, function ($1, $2, $3, $4) {
return $1.replace(/@/g, "_#_@_#_");
});
- text = text.replace(atLinkReg, function($1, $2) {
+ text = text.replace(atLinkReg, function ($1, $2) {
return "" + $1 + "";
}).replace(/_#_@_#_/g, "@");
}
-
- if (settings.emailLink)
- {
- text = text.replace(emailLinkReg, function($1, $2, $3, $4, $5) {
- return (!$2 && $.inArray($5, "jpg|jpeg|png|gif|webp|ico|icon|pdf".split("|")) < 0) ? ""+$1+"" : $1;
+
+ if (settings.emailLink) {
+ text = text.replace(emailLinkReg, function ($1, $2, $3, $4, $5) {
+ return (!$2 && $.inArray($5, "jpg|jpeg|png|gif|webp|ico|icon|pdf".split("|")) < 0) ? "" + $1 + "" : $1;
});
}
@@ -3576,13 +3368,13 @@
return text;
};
-
+
markedRenderer.link = function (href, title, text) {
if (this.options.sanitize) {
try {
- var prot = decodeURIComponent(unescape(href)).replace(/[^\w:]/g,"").toLowerCase();
- } catch(e) {
+ var prot = decodeURIComponent(unescape(href)).replace(/[^\w:]/g, "").toLowerCase();
+ } catch (e) {
return "";
}
@@ -3592,14 +3384,12 @@
}
var out = "" + text.replace(/@/g, "@") + "";
}
@@ -3611,336 +3401,302 @@
return out;
};
-
- markedRenderer.heading = function(text, level, raw) {
-
- var linkText = text;
- var hasLinkReg = /\s*\]*)\>(.*)\<\/a\>\s*/;
+
+ markedRenderer.heading = function (text, level, raw) {
+
+ var linkText = text;
+ var hasLinkReg = /\s*\]*)\>(.*)\<\/a\>\s*/;
var getLinkTextReg = /\s*\]+)\>([^\>]*)\<\/a\>\s*/g;
- if (hasLinkReg.test(text))
- {
+ if (hasLinkReg.test(text)) {
var tempText = [];
- text = text.split(/\]+)\>([^\>]*)\<\/a\>/);
+ text = text.split(/\]+)\>([^\>]*)\<\/a\>/);
- for (var i = 0, len = text.length; i < len; i++)
- {
+ for (var i = 0, len = text.length; i < len; i++) {
tempText.push(text[i].replace(/\s*href\=\"(.*)\"\s*/g, ""));
}
text = tempText.join(" ");
}
-
+
text = trim(text);
-
- var escapedText = text.toLowerCase().replace(/[^\w]+/g, "-");
+
+ var escapedText = text.toLowerCase().replace(/[^\w]+/g, "-");
var toc = {
- text : text,
- level : level,
- slug : escapedText
+ text: text,
+ level: level,
+ slug: escapedText
};
-
+
var isChinese = /^[\u4e00-\u9fa5]+$/.test(text);
- var id = (isChinese) ? escape(text).replace(/\%/g, "") : text.toLowerCase().replace(/[^\w]+/g, "-");
+ var id = (isChinese) ? escape(text).replace(/\%/g, "") : text.toLowerCase().replace(/[^\w]+/g, "-");
markdownToC.push(toc);
-
- var headingHTML = "";
-
- headingHTML += "";
- headingHTML += "";
- headingHTML += (hasLinkReg) ? this.atLink(this.emoji(linkText)) : this.atLink(this.emoji(text));
- headingHTML += " ";
+
+ var headingHTML = "";
+
+ headingHTML += "";
+ headingHTML += "";
+ headingHTML += (hasLinkReg) ? this.atLink(this.emoji(linkText)) : this.atLink(this.emoji(text));
+ headingHTML += " ";
return headingHTML;
};
-
- markedRenderer.pageBreak = function(text) {
- if (pageBreakReg.test(text) && settings.pageBreak)
- {
+
+ markedRenderer.pageBreak = function (text) {
+ if (pageBreakReg.test(text) && settings.pageBreak) {
text = "
"; } - + 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) { + 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 - { + } else { text = (isTeXLine) ? text.replace(/\$/g, "") : text; } - + var tocHTML = "
" : tocHTML ) - : ( (pageBreakReg.test(text)) ? this.pageBreak(text) : "" + this.atLink(this.emoji(text)) + "\n" );
+
+ return (isToC) ? ((isToCMenu) ? "
" : tocHTML) + : ((pageBreakReg.test(text)) ? this.pageBreak(text) : "" + this.atLink(this.emoji(text)) + "\n");
};
- markedRenderer.code = function (code, lang, escaped) {
+ markedRenderer.code = function (code, lang, escaped) {
- if (lang === "seq" || lang === "sequence")
- {
+ if (lang === "seq" || lang === "sequence") {
return "" + this.atLink(this.emoji(text)) + " ";
- }
- else
- {
+ } else {
return "" + this.atLink(this.emoji(text)) + " ";
}
};
-
+
return markedRenderer;
};
-
+
/**
*
* 生成TOC(Table of Contents)
* Creating ToC (Table of Contents)
- *
+ *
* @param {Array} toc 从marked获取的TOC数组列表
* @param {Element} container 插入TOC的容器元素
* @param {Integer} startLevel Hx 起始层级
* @returns {Object} tocContainer 返回ToC列表容器层的jQuery对象元素
*/
-
- editormd.markdownToCRenderer = function(toc, container, tocDropdown, startLevel) {
-
- var html = "";
- var lastLevel = 0;
+
+ editormd.markdownToCRenderer = function (toc, container, tocDropdown, startLevel) {
+
+ var html = "";
+ var lastLevel = 0;
var classPrefix = this.classPrefix;
-
- startLevel = startLevel || 1;
-
- for (var i = 0, len = toc.length; i < len; i++)
- {
- var text = toc[i].text;
+
+ startLevel = startLevel || 1;
+
+ for (var i = 0, len = toc.length; i < len; i++) {
+ var text = toc[i].text;
var level = toc[i].level;
-
+
if (level < startLevel) {
continue;
}
-
- if (level > lastLevel)
- {
+
+ if (level > lastLevel) {
html += "";
- }
- else if (level < lastLevel)
- {
+ } else if (level < lastLevel) {
html += (new Array(lastLevel - level + 2)).join("");
- }
- else
- {
+ } else {
html += "";
}
html += "" + text + "
"; } - + 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) { + 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 - { + } else { text = (isTeXLine) ? text.replace(/\$/g, "") : text; } - + var tocHTML = "
" + text + "
";
-
- return (isToC) ? ( (isToCMenu) ? "" : tocHTML ) - : ( (pageBreakReg.test(text)) ? this.pageBreak(text) : "
" : tocHTML) + : ((pageBreakReg.test(text)) ? this.pageBreak(text) : "
" + code + "
";
- }
- else if ( lang === "flow")
- {
+ } else if (lang === "flow") {
return "" + code + "
";
- }
- else if ( lang === "math" || lang === "latex" || lang === "katex")
- {
+ } else if (lang === "math" || lang === "latex" || lang === "katex") {
return "" + code + "
"; - } - else - { + } else { return marked.Renderer.prototype.code.apply(this, arguments); } }; - markedRenderer.tablecell = function(content, flags) { + markedRenderer.tablecell = function (content, flags) { var type = (flags.header) ? "th" : "td"; - var tag = (flags.align) ? "<" + type +" style=\"text-align:" + flags.align + "\">" : "<" + type + ">"; - + var tag = (flags.align) ? "<" + type + " style=\"text-align:" + flags.align + "\">" : "<" + type + ">"; + return tag + this.atLink(this.emoji(content)) + "\n"; }; - markedRenderer.listitem = function(text) { - if (settings.taskList && /^\s*\[[x\s]\]\s*/.test(text)) - { + markedRenderer.listitem = function (text) { + if (settings.taskList && /^\s*\[[x\s]\]\s*/.test(text)) { text = text.replace(/^\s*\[\s\]\s*/, " ") - .replace(/^\s*\[x\]\s*/, " "); + .replace(/^\s*\[x\]\s*/, " "); return "- ";
lastLevel = level;
}
-
+
var tocContainer = container.find(".markdown-toc");
-
- if ((tocContainer.length < 1 && container.attr("previewContainer") === "false"))
- {
+
+ if ((tocContainer.length < 1 && container.attr("previewContainer") === "false")) {
var tocHTML = "";
-
+
tocHTML = (tocDropdown) ? "
" + tocTitle + " " + icon + "
");
-
- $this.mouseover(function(){
+
+ $this.mouseover(function () {
menu.show();
- list.each(function(){
+ list.each(function () {
var li = $(this);
var ul = li.children("ul");
- if (ul.html() === "")
- {
+ if (ul.html() === "") {
ul.remove();
}
- if (ul.length > 0 && ul.html() !== "")
- {
+ 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" }) );
+ if (firstA.children(".fa").length < 1) {
+ firstA.append($(icon).css({float: "right", paddingTop: "4px"}));
}
}
- li.mouseover(function(){
+ li.mouseover(function () {
ul.css("z-index", zindex).show();
zindex += 1;
- }).mouseleave(function(){
+ }).mouseleave(function () {
ul.hide();
});
});
- }).mouseleave(function(){
+ }).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) {
-
+
+ editormd.filterHTMLTags = function (html, filters) {
+
if (typeof html !== "string") {
html = new String(html);
}
-
+
if (typeof filters !== "string") {
return html;
}
var expression = filters.split("|");
var filterTags = expression[0].split(",");
- var attrs = expression[1];
+ var attrs = expression[1];
- for (var i = 0, len = filterTags.length; i < len; i++)
- {
+ 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")
- {
+ if (typeof attrs !== "undefined") {
var htmlTagRegex = /\<(\w+)\s*([^\>]*)\>([^\>]*)\<\/(\w+)\>/ig;
- if (attrs === "*")
- {
- html = html.replace(htmlTagRegex, function($1, $2, $3, $4, $5) {
+ 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) {
+ });
+ } 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) {
+
+ $.each(_attrs, function (i, e) {
if (e.nodeName !== '"') $attrs[e.nodeName] = e.nodeValue;
});
-
- $.each($attrs, function(i) {
+
+ $.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) {
+ } else {
+ html = html.replace(htmlTagRegex, function ($1, $2, $3, $4) {
var filterAttrs = attrs.split(",");
var el = $($1);
el.html($4);
- $.each(filterAttrs, function(i) {
+ $.each(filterAttrs, function (i) {
el.attr(filterAttrs[i], null);
});
@@ -3948,130 +3704,123 @@
});
}
}
-
+
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) {
+
+ 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
+ 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)
- {
+
+ 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,
+ 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
+ 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 = new String(markdownDoc);
-
+
+ markdownDoc = new String(markdownDoc);
+
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);
-
+
var tocContainer = (settings.tocContainer !== "") ? $(settings.tocContainer) : div;
-
- if (settings.tocContainer !== "")
- {
+
+ if (settings.tocContainer !== "") {
tocContainer.attr("previewContainer", false);
}
-
- if (settings.toc)
- {
+
+ if (settings.toc) {
div.tocContainer = this.markdownToCRenderer(markdownToC, tocContainer, settings.tocDropdown, settings.tocStartLevel);
-
- if (settings.tocDropdown || div.find("." + this.classPrefix + "toc-menu").length > 0)
- {
+
+ if (settings.tocDropdown || div.find("." + this.classPrefix + "toc-menu").length > 0) {
this.tocDropdownMenu(div, settings.tocTitle);
}
-
- if (settings.tocContainer !== "")
- {
+
+ if (settings.tocContainer !== "") {
div.find(".editormd-toc-menu, .editormd-markdown-toc").remove();
}
}
-
- if (settings.previewCodeHighlight)
- {
+
+ if (settings.previewCodeHighlight) {
div.find("pre").addClass("prettyprint linenums");
prettyPrint();
}
-
- if (!editormd.isIE8)
- {
+
+ if (!editormd.isIE8) {
if (settings.flowChart) {
- div.find(".flowchart").flowChart();
+ div.find(".flowchart").flowChart();
}
if (settings.sequenceDiagram) {
@@ -4079,45 +3828,41 @@
}
}
- 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]);
+ 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;
+
+ if (settings.autoLoadKaTeX && !editormd.$katex && !editormd.kaTeXLoaded) {
+ this.loadKaTeX(function () {
+ editormd.$katex = katex;
editormd.kaTeXLoaded = true;
katexHandle();
});
- }
- else
- {
+ } else {
katexHandle();
}
}
-
- div.getMarkdown = function() {
+
+ div.getMarkdown = function () {
return saveTo.val();
};
-
+
return div;
};
-
+
// Editor.md themes, change toolbar themes etc.
// added @1.5.0
- editormd.themes = ["default", "dark"];
-
+ 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 = [
@@ -4138,101 +3883,99 @@
];
editormd.loadPlugins = {};
-
+
editormd.loadFiles = {
- js : [],
- css : [],
- plugin : []
+ 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.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.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";
+ css.href = fileName + ".css";
- if(into === "head") {
+ 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.");
+
+ 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.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() {
+ } else {
+ script.onload = function () {
editormd.loadFiles.js.push(fileName);
callback();
};
@@ -4244,96 +3987,94 @@
document.body.appendChild(script);
}
};
-
+
// 使用国外的CDN，加载速度有时会很慢，或者自定义URL
// You can custom KaTeX load url.
- editormd.katexURL = {
- css : "//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.3.0/katex.min",
- js : "//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.3.0/katex.min"
+ editormd.katexURL = {
+ css: "//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.3.0/katex.min",
+ js: "//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.3.0/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(){});
+ 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) {
+
+ 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) {
+ editormd.createDialog = function (options) {
var defaults = {
- name : "",
- width : 420,
+ name: "",
+ width: 420,
height: 240,
- title : "",
- drag : true,
- closed : true,
- content : "",
- mask : true,
- maskStyle : {
- backgroundColor : "#fff",
- opacity : 0.1
+ title: "",
+ drag: true,
+ closed: true,
+ content: "",
+ mask: true,
+ maskStyle: {
+ backgroundColor: "#fff",
+ opacity: 0.1
},
- lockScreen : true,
- footer : true,
- buttons : false
+ 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);
+ options = $.extend(true, defaults, options);
+
+ var $this = this;
+ var editor = this.editor;
+ var classPrefix = editormd.classPrefix;
+ var guid = (new Date()).getTime();
+ var dialogName = ((options.name === "") ? classPrefix + "dialog-" + guid : options.name);
var mouseOrTouch = editormd.mouseOrTouch;
- var html = "- Github emoji : http://www.emoji-cheat-sheet.com/ -
- Twitter Emoji(Twemoji) : http://twitter.github.io/twemoji/preview.html -
- FontAwesome icon font emoji : http://fortawesome.github.io/Font-Awesome/icons/ -
- Editor.md logo icon font emoji -
- Github emoji : http://www.emoji-cheat-sheet.com/ + +
- Twitter Emoji(Twemoji) : http://twitter.github.io/twemoji/preview.html + +
- FontAwesome icon font emoji : http://fortawesome.github.io/Font-Awesome/icons/ + +
- Editor.md logo icon font emoji +
" + tocHTML + "
" : tocHTML;
-
+
container.html(tocHTML);
-
+
tocContainer = container.find(".markdown-toc");
}
-
- if (tocDropdown)
- {
+
+ if (tocDropdown) {
tocContainer.wrap(""); } - + tocContainer.html("
";
+ var html = "
";
- if (options.title !== "")
- {
- html += "
";
+ if (options.title !== "") {
+ html += "
";
html += "" + options.title + "";
html += "
";
}
- if (options.closed)
- {
+ if (options.closed) {
html += "";
}
- html += "" + options.content;
+ html += "@links - Editor.md examples
-
-
-
-
-
- Auto height - Editor.md examples
-
-
-
-
-
-
" + options.content;
- if (options.footer || typeof options.footer === "string")
- {
- html += "
";
@@ -4346,9 +4087,8 @@
var dialog = editor.find("." + dialogName);
- dialog.lockScreen = function(lock) {
- if (options.lockScreen)
- {
+ dialog.lockScreen = function (lock) {
+ if (options.lockScreen) {
$("html,body").css("overflow", (lock) ? "hidden" : "");
$this.resize();
}
@@ -4356,24 +4096,22 @@
return dialog;
};
- dialog.showMask = function() {
- if (options.mask)
- {
+ 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)
- {
+ dialog.hideMask = function () {
+ if (options.mask) {
editor.find("." + classPrefix + "mask").hide();
}
return dialog;
};
- dialog.loading = function(show) {
+ dialog.loading = function (show) {
var loading = dialog.find("." + classPrefix + "dialog-mask");
loading[(show) ? "show" : "hide"]();
@@ -4383,16 +4121,16 @@
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
+ 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(){
+ var dialogPosition = function () {
dialog.css({
- top : ($(window).height() - dialog.height()) / 2 + "px",
- left : ($(window).width() - dialog.width()) / 2 + "px"
+ top: ($(window).height() - dialog.height()) / 2 + "px",
+ left: ($(window).width() - dialog.width()) / 2 + "px"
});
};
@@ -4400,16 +4138,14 @@
$(window).resize(dialogPosition);
- dialog.children("." + classPrefix + "dialog-close").bind(mouseOrTouch("click", "touchend"), function() {
+ dialog.children("." + classPrefix + "dialog-close").bind(mouseOrTouch("click", "touchend"), function () {
dialog.hide().lockScreen(false).hideMask();
});
- if (typeof options.buttons === "object")
- {
+ if (typeof options.buttons === "object") {
var footer = dialog.footer = dialog.find("." + classPrefix + "dialog-footer");
- for (var key in options.buttons)
- {
+ for (var key in options.buttons) {
var btn = options.buttons[key];
var btnClassName = classPrefix + key + "-btn";
@@ -4419,24 +4155,23 @@
}
}
- if (options.title !== "" && options.drag)
- {
+ if (options.title !== "" && options.drag) {
var posX, posY;
var dialogHeader = dialog.children("." + classPrefix + "dialog-header");
if (!options.mask) {
- dialogHeader.bind(mouseOrTouch("click", "touchend"), function(){
+ dialogHeader.bind(mouseOrTouch("click", "touchend"), function () {
editormd.dialogZindex += 2;
dialog.css("z-index", editormd.dialogZindex);
});
}
- dialogHeader.mousedown(function(e) {
+ 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.onmousemove = moveAction;
});
var userCanSelect = function (obj) {
@@ -4444,7 +4179,7 @@
};
var userUnselect = function (obj) {
- obj.addClass(classPrefix + "user-unselect").on("selectstart", function(event) { // selectstart for IE
+ obj.addClass(classPrefix + "user-unselect").on("selectstart", function (event) { // selectstart for IE
return false;
});
};
@@ -4454,10 +4189,10 @@
var left, top, nowLeft = parseInt(dialog[0].style.left), nowTop = parseInt(dialog[0].style.top);
- if( nowLeft >= 0 ) {
- if( nowLeft + dialog.width() <= $(window).width()) {
+ if (nowLeft >= 0) {
+ if (nowLeft + dialog.width() <= $(window).width()) {
left = e.clientX - posX;
- } else {
+ } else {
left = $(window).width() - dialog.width();
document.onmousemove = null;
}
@@ -4466,7 +4201,7 @@
document.onmousemove = null;
}
- if( nowTop >= 0 ) {
+ if (nowTop >= 0) {
top = e.clientY - posY;
} else {
top = 0;
@@ -4474,43 +4209,43 @@
}
- document.onselectstart = function() {
+ document.onselectstart = function () {
return false;
};
userUnselect($("body"));
userUnselect(dialog);
dialog[0].style.left = left + "px";
- dialog[0].style.top = top + "px";
+ dialog[0].style.top = top + "px";
};
- document.onmouseup = function() {
+ document.onmouseup = function () {
userCanSelect($("body"));
userCanSelect(dialog);
- document.onselectstart = null;
+ document.onselectstart = null;
document.onmousemove = null;
};
- dialogHeader.touchDraggable = function() {
+ dialogHeader.touchDraggable = function () {
var offset = null;
- var start = function(e) {
- var orig = e.originalEvent;
- var pos = $(this).parent().position();
+ 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
+ x: orig.changedTouches[0].pageX - pos.left,
+ y: orig.changedTouches[0].pageY - pos.top
};
};
- var move = function(e) {
+ 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
+ top: orig.changedTouches[0].pageY - offset.y,
+ left: orig.changedTouches[0].pageX - offset.x
});
};
@@ -4524,138 +4259,138 @@
return dialog;
};
-
+
/**
* 鼠标和触摸事件的判断/选择方法
* MouseEvent or TouchEvent type switch
- *
+ *
* @param {String} [mouseEventType="click"] 供选择的鼠标事件
* @param {String} [touchEventType="touchend"] 供选择的触摸事件
* @returns {String} EventType 返回事件类型名称
*/
-
- editormd.mouseOrTouch = function(mouseEventType, touchEventType) {
+
+ editormd.mouseOrTouch = function (mouseEventType, touchEventType) {
mouseEventType = mouseEventType || "click";
touchEventType = touchEventType || "touchend";
-
- var eventType = mouseEventType;
+
+ var eventType = mouseEventType;
try {
document.createEvent("TouchEvent");
eventType = touchEventType;
- } catch(e) {}
+ } catch (e) {
+ }
return eventType;
};
-
+
/**
* 日期时间的格式化方法
* Datetime format method
- *
+ *
* @param {String} [format=""] 日期时间的格式，类似PHP的格式
* @returns {String} datefmt 返回格式化后的日期时间字符串
*/
-
- editormd.dateFormat = function(format) {
- format = format || "";
- var addZero = function(d) {
+ 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 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 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;
+ var ymd = year2 + "-" + month + "-" + day;
+ var fymd = year + "-" + month + "-" + day;
+ var hms = hour + ":" + min + ":" + second;
- switch (format)
- {
+ switch (format) {
case "UNIX Time" :
- datefmt = date.getTime();
+ datefmt = date.getTime();
break;
case "UTC" :
- datefmt = date.toUTCString();
- break;
+ datefmt = date.toUTCString();
+ break;
case "yy" :
- datefmt = year2;
- break;
+ datefmt = year2;
+ break;
case "year" :
case "yyyy" :
- datefmt = year;
+ datefmt = year;
break;
case "month" :
case "mm" :
- datefmt = month;
- break;
+ datefmt = month;
+ break;
case "cn-week-day" :
case "cn-wd" :
- var cnWeekDays = ["日", "一", "二", "三", "四", "五", "六"];
- datefmt = "星期" + cnWeekDays[weekDay];
+ var cnWeekDays = ["日", "一", "二", "三", "四", "五", "六"];
+ datefmt = "星期" + cnWeekDays[weekDay];
break;
case "week-day" :
case "wd" :
- var weekDays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
- datefmt = weekDays[weekDay];
+ var weekDays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+ datefmt = weekDays[weekDay];
break;
case "day" :
case "dd" :
- datefmt = day;
+ datefmt = day;
break;
case "hour" :
case "hh" :
- datefmt = hour;
+ datefmt = hour;
break;
case "min" :
case "ii" :
- datefmt = min;
+ datefmt = min;
break;
case "second" :
case "ss" :
- datefmt = second;
+ datefmt = second;
break;
case "ms" :
- datefmt = ms;
+ datefmt = ms;
break;
case "yy-mm-dd" :
- datefmt = ymd;
+ datefmt = ymd;
break;
case "yyyy-mm-dd" :
- datefmt = fymd;
+ datefmt = fymd;
break;
case "yyyy-mm-dd h:i:s ms" :
- case "full + ms" :
- datefmt = fymd + " " + hms + " " + ms;
+ case "full + ms" :
+ datefmt = fymd + " " + hms + " " + ms;
break;
case "full" :
case "yyyy-mm-dd h:i:s" :
- default:
- datefmt = fymd + " " + hms;
+ default:
+ datefmt = fymd + " " + hms;
break;
}
diff --git a/web/editor.md/examples/@links.html b/web/editor.md/examples/@links.html
index 2cc6a10..a017049 100644
--- a/web/editor.md/examples/@links.html
+++ b/web/editor.md/examples/@links.html
@@ -1,19 +1,19 @@
-
-
- " + ( (typeof options.footer === "boolean") ? "" : options.footer) + "
";
+ if (options.footer || typeof options.footer === "string") {
+ html += "" + ((typeof options.footer === "boolean") ? "" : options.footer) + "
";
}
html += "
-
-
-
+
+
+
+
\ No newline at end of file
diff --git a/web/editor.md/examples/auto-height.html b/web/editor.md/examples/auto-height.html
index 4a37c43..ae1fdce 100644
--- a/web/editor.md/examples/auto-height.html
+++ b/web/editor.md/examples/auto-height.html
@@ -1,21 +1,21 @@
-
-
- @links
-Github Flavored Markdown extras syntax
-
+
+
+ @links - Editor.md examples
+
+
+
+
+
+
+
+
+
+
-
-
-
-
+ @links
+Github Flavored Markdown extras syntax
+
-
-
-
-
-
Auto height test
-
-
-
-
+
+
+ Auto height - Editor.md examples
+
+
+
+
+
+Chnage mode - Editor.md examples
-
-
-
-
-
-
-
+
+
+
-
-
-
+
+
-
+ });
+ });
+
+
\ No newline at end of file
diff --git a/web/editor.md/examples/change-mode.html b/web/editor.md/examples/change-mode.html
index e25798a..f03116f 100644
--- a/web/editor.md/examples/change-mode.html
+++ b/web/editor.md/examples/change-mode.html
@@ -1,33 +1,35 @@
-
-
- Auto height test
+
+
+
+
-
-
-
-
-
Chnage mode
-Become to the code editor
-Modes : Themes : - -
-
-
-
-
-
+
+
+ Chnage mode - Editor.md examples
+
+
+
+
+
+
+Code folding - Editor.md examples
-
-
-
-
-
- Custom keyboard shortcuts - Editor.md examples
-
-
-
-
-
-
+
+
+
-
-
-
+
+
-
+ var modesSelect = $("#modes");
+ var modeNames = ["text/html", "javascript", "php", "text/xml", "text/json", "java", "actionscript", "perl", "go", "python", "c/c++", "css", "ruby"];
+ var modes = ["text/html", "javascript", "php", "text/xml", "text/json", "clike", "javascript", "perl", "go", "python", "clike", "css", "ruby"];
+
+ for (var i = 0, len = modes.length; i < len; i++) {
+ var mode = modes[i];
+ var selected = (localStorage.modeName == modeNames[i]) ? " selected=\"selected\"" : "";
+ modesSelect.append("");
+ }
+
+ modesSelect.change(function () {
+ var mode = $(this).val();
+ var modeName = $(this).find("option:selected").attr("name");
+
+ if (mode == "") {
+ alert("mode == \"\"");
+ return false;
+ }
+
+ localStorage.mode = mode;
+ localStorage.modeName = modeName;
+
+ var code = getCodeValue();
+
+ testEditor.setCodeMirrorOption("mode", mode);
+ //testEditor.setCodeMirrorOption("value", code);
+ testEditor.setValue(code);
+ });
+ });
+
+
\ No newline at end of file
diff --git a/web/editor.md/examples/code-fold.html b/web/editor.md/examples/code-fold.html
index e2774bc..42e48c5 100644
--- a/web/editor.md/examples/code-fold.html
+++ b/web/editor.md/examples/code-fold.html
@@ -1,44 +1,44 @@
-
-
- Chnage mode
+Become to the code editor
+Modes : Themes : + +
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
-
+ });
+ });
+
+
\ No newline at end of file
diff --git a/web/editor.md/examples/css/style.css b/web/editor.md/examples/css/style.css
index 0150e3b..84190b0 100644
--- a/web/editor.md/examples/css/style.css
+++ b/web/editor.md/examples/css/style.css
@@ -8,7 +8,8 @@
-moz-box-sizing: border-box;
box-sizing: border-box;
}
- body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
+
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
margin: 0;
padding: 0;
}
@@ -31,15 +32,15 @@ ul, ol {
}
.clear {
- *zoom: 1; /* for IE 6/7 */
+ *zoom: 1; /* for IE 6/7 */
}
.clear:before, .clear:after {
- height: 0;
+ height: 0;
content: "";
font-size: 0;
display: table;
- line-height: 0; /* for Opera */
+ line-height: 0; /* for Opera */
visibility: hidden;
}
@@ -50,7 +51,7 @@ ul, ol {
body {
font-size: 14px;
color: #666;
- font-family: "Microsoft YaHei", "微软雅黑", Helvetica, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", Helvetica, Tahoma, "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
+ font-family: "Microsoft YaHei", "微软雅黑", Helvetica, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", Helvetica, Tahoma, "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
background: #fff;
text-align: center;
}
diff --git a/web/editor.md/examples/custom-keyboard-shortcuts.html b/web/editor.md/examples/custom-keyboard-shortcuts.html
index 3afc27b..46a7e09 100644
--- a/web/editor.md/examples/custom-keyboard-shortcuts.html
+++ b/web/editor.md/examples/custom-keyboard-shortcuts.html
@@ -1,18 +1,18 @@
-
-
- Code folding
-Switch code folding : Press Ctrl + Q / Command + Q
-
-
-
-
-
-
-
Custom keyboard shortcuts
-
+
+
+ Custom keyboard shortcuts - Editor.md examples
+
+
+
+
+
+自定义工具栏 - Editor.md examples
-
-
-
-
-
-
+
+
+
-
-
-
+
+
-
+ };
+
+ this.addKeyMap(keyMap);
+ this.addKeyMap(keyMap2);
+ this.removeKeyMap(keyMap2); // remove signle key
+ }
+ });
+ });
+
+
\ No newline at end of file
diff --git a/web/editor.md/examples/custom-toolbar.html b/web/editor.md/examples/custom-toolbar.html
index 89177da..f112fac 100644
--- a/web/editor.md/examples/custom-toolbar.html
+++ b/web/editor.md/examples/custom-toolbar.html
@@ -1,19 +1,19 @@
-
-
- Custom keyboard shortcuts
+
-
-
-
-
-
自定义工具栏
-Custom toolbar (icons handler)
-
+
+
+ 自定义工具栏 - Editor.md examples
+
+
+
+
+
+Define extention plugins for Editor.md - Editor.md examples
-
-
-
-
-
- Delay Rerender & Preview - Editor.md examples
-
-
-
-
-
-
+
+
+
-
-
-
-
-
-
+
+
+
+
-
+ }
+ });
+ });
+
+
\ No newline at end of file
diff --git a/web/editor.md/examples/define-plugin.html b/web/editor.md/examples/define-plugin.html
index 8c867e7..b874128 100644
--- a/web/editor.md/examples/define-plugin.html
+++ b/web/editor.md/examples/define-plugin.html
@@ -1,18 +1,18 @@
-
-
- 自定义工具栏
+Custom toolbar (icons handler)
+
-
-
-
-
-
+
+
+
+
\ No newline at end of file
diff --git a/web/editor.md/examples/delay-renderer-preview.html b/web/editor.md/examples/delay-renderer-preview.html
index ad343a2..5ae8de7 100644
--- a/web/editor.md/examples/delay-renderer-preview.html
+++ b/web/editor.md/examples/delay-renderer-preview.html
@@ -1,20 +1,21 @@
-
-
- Define extention plugins for Editor.md
-
+
+
+ Define extention plugins for Editor.md - Editor.md examples
+
+
+
+
+
+
+
+
+
+
-
-
-
-
+ Define extention plugins for Editor.md
+
-
-
-
-
-
Delay Rerender & Preview
-P.S. If you input the content too much and too fast, You can setting the delay value.
-P.S. 适用于输入内容太多太快的情形，但要是一个合理的值，不然会显得预览太慢。打字慢会相对显得慢，打字快时则相对显得快。
-
+
+
+ Delay Rerender & Preview - Editor.md examples
+
+
+
+
+
+动态创建 Editor.md - Editor.md examples
-
-
-
-
-
-
+
+
+
-
-
-
+
+
-
+ });
+ });
+
+
\ No newline at end of file
diff --git a/web/editor.md/examples/dynamic-create-editormd.html b/web/editor.md/examples/dynamic-create-editormd.html
index 5644e09..32a37fd 100644
--- a/web/editor.md/examples/dynamic-create-editormd.html
+++ b/web/editor.md/examples/dynamic-create-editormd.html
@@ -1,47 +1,47 @@
-
-
- Delay Rerender & Preview
+P.S. If you input the content too much and too fast, You can setting the delay value.
+P.S. + 适用于输入内容太多太快的情形，但要是一个合理的值，不然会显得预览太慢。打字慢会相对显得慢，打字快时则相对显得快。
+
-
-
-
-
-
+
+
+ 动态创建 Editor.md - Editor.md examples
+
+
+
+
+
+
动态创建 Editor.md
-Dynamic create Editor.md
--
-
-
-
-
+
+
+Emoji - Editor.md examples
-
-
-
-
-
-
- Expanded Editor.md - Editor.md examples
-
-
-
-
-
-
动态创建 Editor.md
+Dynamic create Editor.md
++
+
+
-
-
-
+
-
+ });
+
+ $("#remove-btn").click(function () {
+ testEditormd.editor.remove();
+ });
+ });
+
+
\ No newline at end of file
diff --git a/web/editor.md/examples/emoji.html b/web/editor.md/examples/emoji.html
index a5a6ea6..67cc2ce 100644
--- a/web/editor.md/examples/emoji.html
+++ b/web/editor.md/examples/emoji.html
@@ -1,27 +1,31 @@
-
-
-
-
-
-
+
+
+
+
\ No newline at end of file
diff --git a/web/editor.md/examples/extends.html b/web/editor.md/examples/extends.html
index 9601860..b2ddc1a 100644
--- a/web/editor.md/examples/extends.html
+++ b/web/editor.md/examples/extends.html
@@ -1,19 +1,19 @@
-
-
- Emoji 表情
-Supports:
--
-
+
+
+ Emoji - Editor.md examples
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
+ Emoji 表情
+Supports:
+-
+
-
-
-
-
-
Expanded Editor.md
-Expanded of member methods and properties
-
+
+
+ Expanded Editor.md - Editor.md examples
+
+
+
+
+
+External use - Editor.md examples
-
-
-
-
-
- FlowChart - Editor.md examples
-
-
-
-
-
- Form get textarea value - Editor.md examples
-
-
-
-
-
-
+
+
+
-
-
-
+
+
-
+ });
+
+ this.methodB = function () {
+ console.log("methodB");
+ };
+
+ testEditor.methodA();
+ testEditor.methodB();
+ this.methodC();
+ this.methodE();
+ editormd.methodOne();
+
+ console.log(this, this.propertyA);
+ }
+
+ editormd.fn.customMethod = function () {
+ console.log("customMethod", this);
+ };
+
+ $(function () {
+ editormd.methodOne = function () {
+ console.log("editormd.methodOne");
+ };
+
+ testEditor = editormd("test-editormd", {
+ width: "90%",
+ height: 720,
+ path: '../lib/',
+ onload: function () {
+ this.customMethod();
+ $.proxy(EditormdExtend, this)();
+ }
+ });
+
+ editormd.methodOne();
+ });
+
+
\ No newline at end of file
diff --git a/web/editor.md/examples/external-use.html b/web/editor.md/examples/external-use.html
index 32e02e2..76d5547 100644
--- a/web/editor.md/examples/external-use.html
+++ b/web/editor.md/examples/external-use.html
@@ -1,29 +1,29 @@
-
-
- Expanded Editor.md
+Expanded of member methods and properties
+
-
-
-
-
-
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web/editor.md/examples/flowchart.html b/web/editor.md/examples/flowchart.html
index 5149cb7..021869b 100644
--- a/web/editor.md/examples/flowchart.html
+++ b/web/editor.md/examples/flowchart.html
@@ -1,19 +1,20 @@
-
-
- External use
-External use of toolbar handlers / modal dialog
-
-
-
-
-
-
-
-
-
-
-
+
+
+ External use - Editor.md examples
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
+ External use
+External use of toolbar handlers / modal dialog
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
+
\ No newline at end of file
diff --git a/web/editor.md/examples/form-get-value.html b/web/editor.md/examples/form-get-value.html
index 5433d45..43582dc 100644
--- a/web/editor.md/examples/form-get-value.html
+++ b/web/editor.md/examples/form-get-value.html
@@ -1,22 +1,22 @@
-
-
- FlowChart 流程图
-Based on flowchart.js：http://adrai.github.io/flowchart.js/
-
+
+
+ FlowChart - Editor.md examples
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
+ FlowChart 流程图
+Based on flowchart.js：http://adrai.github.io/flowchart.js/ +
+
-
-
-
-
-
-
-
-
-
+
+
-
+ });
+
+ //testEditor.getMarkdown(); // 获取 Markdown 源码
+ //testEditor.getHTML(); // 获取 Textarea 保存的 HTML 源码
+ //testEditor.getPreviewedHTML(); // 获取预览窗口里的 HTML，在开启 watch 且没有开启 saveHTMLToTextarea 时使用
+ });
+
+
表单取值
-Form get textarea value.
-