/*
 * Editor.md
 *
 * @file        editormd.js 
 * @version     v1.5.0 
 * @description Open source online markdown editor.
 * @license     MIT License
 * @author      Pandao
 * {@link       https://github.com/pandao/editor.md}
 * @updateTime  2015-06-09
 */

; (function (factory) {
    "use strict";

    // CommonJS/Node.js
    if (typeof require === "function" && typeof exports === "object" && typeof module === "object") {
        module.exports = factory;
    }
    else if (typeof define === "function")  // AMD/CMD/Sea.js
    {
        if (define.amd) // for Require.js
        {
            /* Require.js define replace */
        }
        else {
            define(["../../../../editormd/examples/js/jquery.min"], factory);  // for Sea.js
        }
    }
    else {
        window.editormd = factory();
    }

}(function () {

    /* Require.js assignment replace */

    "use strict";

    var $ = (typeof (jQuery) !== "undefined") ? jQuery : Zepto;

    if (typeof ($) === "undefined") {
        return;
    }

    /**
     * editormd
     * 
     * @param   {String} id           编辑器的ID
     * @param   {Object} options      配置选项 Key/Value
     * @returns {Object} editormd     返回editormd对象
     */

    var editormd = function (id, options) {
        return new editormd.fn.init(id, options);
    };

    editormd.title = editormd.$name = "Editor.md";
    editormd.version = "1.5.0";
    editormd.homePage = "https://pandao.github.io/editor.md/";
    editormd.classPrefix = "editormd-";

    editormd.toolbarModes = {
        full: [
            "undo", "redo", "|",
            "bold", "del", "italic", "quote", "ucwords", "uppercase", "lowercase", "|",
            "h1", "h2", "h3", "h4", "h5", "h6", "|",
            "list-ul", "list-ol", "hr", "|",
            "link", "reference-link", "image", "code", "preformatted-text", "code-block", "table", "datetime", "emoji", "html-entities", "pagebreak", "|",
            "goto-line", "watch", "preview", "fullscreen", "clear", "search", "|",
            "help", "info"
        ],
        simple: [
            "undo", "redo", "|",
            "bold", "del", "italic", "quote", "uppercase", "lowercase", "|",
            "h1", "h2", "h3", "h4", "h5", "h6", "|",
            "list-ul", "list-ol", "hr", "|",
            "watch", "preview", "fullscreen", "|",
            "help", "info"
        ],
        mini: [
            "undo", "redo", "|",
            "watch", "preview", "|",
            "help", "info"
        ]
    };

    editormd.defaults = {
        mode: "gfm",          //gfm or markdown
        name: "",             // Form element name
        value: "",             // value for CodeMirror, if mode not gfm/markdown
        theme: "",             // Editor.md self themes, before v1.5.0 is CodeMirror theme, default empty
        editorTheme: "default",      // Editor area, this is CodeMirror theme at v1.5.0
        previewTheme: "",             // Preview area theme, default empty
        markdown: "",             // Markdown source code
        appendMarkdown: "",             // if in init textarea value not empty, append markdown to textarea
        width: "100%",
        height: "100%",
        path: "./lib/",       // Dependents module file directory
        pluginPath: "",             // If this empty, default use settings.path + "../plugins/"
        delay: 300,            // Delay parse markdown to html, Uint : ms
        autoLoadModules: true,           // Automatic load dependent module files
        watch: true,
        placeholder: "Enjoy Markdown! coding now...",
        gotoLine: true,
        codeFold: false,
        autoHeight: false,
        autoFocus: true,
        autoCloseTags: true,
        searchReplace: true,
        syncScrolling: true,           // true | false | "single", default true
        readOnly: false,
        tabSize: 4,
        indentUnit: 4,
        lineNumbers: true,
        lineWrapping: true,
        autoCloseBrackets: true,
        showTrailingSpace: true,
        matchBrackets: true,
        indentWithTabs: true,
        styleSelectedText: true,
        matchWordHighlight: true,           // options: true, false, "onselected"
        styleActiveLine: true,           // Highlight the current line
        dialogLockScreen: true,
        dialogShowMask: true,
        dialogDraggable: true,
        dialogMaskBgColor: "#fff",
        dialogMaskOpacity: 0.1,
        fontSize: "13px",
        saveHTMLToTextarea: false,
        disabledKeyMaps: [],

        onload: function () { },
        onresize: function () { },
        onchange: function () { },
        onwatch: null,
        onunwatch: null,
        onpreviewing: function () { },
        onpreviewed: function () { },
        onfullscreen: function () { },
        onfullscreenExit: function () { },
        onscroll: function () { },
        onpreviewscroll: function () { },

        imageUpload: false,
        imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
        imageUploadURL: "",
        crossDomainUpload: false,
        uploadCallbackURL: "",

        toc: true,           // Table of contents
        tocm: false,           // Using [TOCM], auto create ToC dropdown menu
        tocTitle: "",             // for ToC dropdown menu btn
        tocDropdown: false,
        tocContainer: "",
        tocStartLevel: 1,              // Said from H1 to create ToC
        htmlDecode: "style,iframe|on*", // Open the HTML tag identification
        pageBreak: true,           // Enable parse page break [========]
        atLink: true,           // for @link
        emailLink: true,           // for email address auto link
        taskList: false,          // Enable Github Flavored Markdown task lists
        emoji: false,          // :emoji: , Support Github emoji, Twitter Emoji (Twemoji);
        // Support FontAwesome icon emoji :fa-xxx: > Using fontAwesome icon web fonts;
        // Support Editor.md logo icon emoji :editormd-logo: :editormd-logo-1x: > 1~8x;
        tex: false,          // TeX(LaTeX), based on KaTeX
        flowChart: false,          // flowChart.js only support IE9+
        sequenceDiagram: false,          // sequenceDiagram.js only support IE9+
        previewCodeHighlight: true,

        toolbar: true,           // show/hide toolbar
        toolbarAutoFixed: true,           // on window scroll auto fixed position
        toolbarIcons: "full",
        toolbarTitles: {},
        toolbarHandlers: {
            ucwords: function () {
                return editormd.toolbarHandlers.ucwords;
            },
            lowercase: function () {
                return editormd.toolbarHandlers.lowercase;
            }
        },
        toolbarCustomIcons: {               // using html tag create toolbar icon, unused default <a> tag.
            lowercase: "<a href=\"javascript:;\" title=\"Lowercase\" unselectable=\"on\"><i class=\"fa\" name=\"lowercase\" style=\"font-size:24px;margin-top: -10px;\">a</i></a>",
            "ucwords": "<a href=\"javascript:;\" title=\"ucwords\" unselectable=\"on\"><i class=\"fa\" name=\"ucwords\" style=\"font-size:20px;margin-top: -3px;\">Aa</i></a>"
        },
        toolbarIconsClass: {
            undo: "fa-undo",
            redo: "fa-repeat",
            bold: "fa-bold",
            del: "fa-strikethrough",
            italic: "fa-italic",
            quote: "fa-quote-left",
            uppercase: "fa-font",
            h1: editormd.classPrefix + "bold",
            h2: editormd.classPrefix + "bold",
            h3: editormd.classPrefix + "bold",
            h4: editormd.classPrefix + "bold",
            h5: editormd.classPrefix + "bold",
            h6: editormd.classPrefix + "bold",
            "list-ul": "fa-list-ul",
            "list-ol": "fa-list-ol",
            hr: "fa-minus",
            link: "fa-link",
            "reference-link": "fa-anchor",
            image: "fa-picture-o",
            code: "fa-code",
            "preformatted-text": "fa-file-code-o",
            "code-block": "fa-file-code-o",
            table: "fa-table",
            datetime: "fa-clock-o",
            emoji: "fa-smile-o",
            "html-entities": "fa-copyright",
            pagebreak: "fa-newspaper-o",
            "goto-line": "fa-terminal", // fa-crosshairs
            watch: "fa-eye-slash",
            unwatch: "fa-eye",
            preview: "fa-desktop",
            search: "fa-search",
            fullscreen: "fa-arrows-alt",
            clear: "fa-eraser",
            help: "fa-question-circle",
            info: "fa-info-circle"
        },
        toolbarIconTexts: {},

        lang: {
            name: "zh-cn",
            description: "开源在线Markdown编辑器<br/>Open source online Markdown editor.",
            tocTitle: "目录",
            toolbar: {
                undo: "撤销（Ctrl+Z）",
                redo: "重做（Ctrl+Y）",
                bold: "粗体",
                del: "删除线",
                italic: "斜体",
                quote: "引用",
                ucwords: "将每个单词首字母转成大写",
                uppercase: "将所选转换成大写",
                lowercase: "将所选转换成小写",
                h1: "标题1",
                h2: "标题2",
                h3: "标题3",
                h4: "标题4",
                h5: "标题5",
                h6: "标题6",
                "list-ul": "无序列表",
                "list-ol": "有序列表",
                hr: "横线",
                link: "链接",
                "reference-link": "引用链接",
                image: "添加图片",
                code: "行内代码",
                "preformatted-text": "预格式文本 / 代码块（缩进风格）",
                "code-block": "代码块（多语言风格）",
                table: "添加表格",
                datetime: "日期时间",
                emoji: "Emoji表情",
                "html-entities": "HTML实体字符",
                pagebreak: "插入分页符",
                "goto-line": "跳转到行",
                watch: "关闭实时预览",
                unwatch: "开启实时预览",
                preview: "全窗口预览HTML（按 Shift + ESC还原）",
                fullscreen: "全屏（按ESC还原）",
                clear: "清空",
                search: "搜索",
                help: "使用帮助",
                info: "关于" + editormd.title
            },
            buttons: {
                enter: "确定",
                cancel: "取消",
                close: "关闭"
            },
            dialog: {
                link: {
                    title: "添加链接",
                    url: "链接地址",
                    urlTitle: "链接标题",
                    urlEmpty: "错误：请填写链接地址。"
                },
                referenceLink: {
                    title: "添加引用链接",
                    name: "引用名称",
                    url: "链接地址",
                    urlId: "链接ID",
                    urlTitle: "链接标题",
                    nameEmpty: "错误：引用链接的名称不能为空。",
                    idEmpty: "错误：请填写引用链接的ID。",
                    urlEmpty: "错误：请填写引用链接的URL地址。"
                },
                image: {
                    title: "添加图片",
                    url: "图片地址",
                    link: "图片链接",
                    alt: "图片描述",
                    uploadButton: "本地上传",
                    imageURLEmpty: "错误：图片地址不能为空。",
                    uploadFileEmpty: "错误：上传的图片不能为空。",
                    formatNotAllowed: "错误：只允许上传图片文件，允许上传的图片文件格式有："
                },
                preformattedText: {
                    title: "添加预格式文本或代码块",
                    emptyAlert: "错误：请填写预格式文本或代码的内容。"
                },
                codeBlock: {
                    title: "添加代码块",
                    selectLabel: "代码语言：",
                    selectDefaultText: "请选择代码语言",
                    otherLanguage: "其他语言",
                    unselectedLanguageAlert: "错误：请选择代码所属的语言类型。",
                    codeEmptyAlert: "错误：请填写代码内容。"
                },
                htmlEntities: {
                    title: "HTML 实体字符"
                },
                help: {
                    title: "使用帮助"
                }
            }
        }
    };

    editormd.classNames = {
        tex: editormd.classPrefix + "tex"
    };

    editormd.dialogZindex = 99999;

    editormd.$katex = null;
    editormd.$marked = null;
    editormd.$CodeMirror = null;
    editormd.$prettyPrint = null;

    var timer, flowchartTimer;
    editormd.prototype = editormd.fn = {
        state: {
            watching: false,
            loaded: false,
            preview: false,
            fullscreen: false
        },

        /**
         * 构造函数/实例初始化
         * Constructor / instance initialization
         * 
         * @param   {String}   id            编辑器的ID
         * @param   {Object}   [options={}]  配置选项 Key/Value
         * @returns {editormd}               返回editormd的实例对象
         */

        init: function (id, options) {

            options = options || {};

            if (typeof id === "object") {
                options = id;
            }

            var _this = this;
            var classPrefix = this.classPrefix = editormd.classPrefix;
            var defaultConfig = {}
            $.each(editormd.defaults, function (k, v) {
                defaultConfig[k] = v;
            })
            var settings = this.settings = $.extend(true, {}, defaultConfig, options);

            id = (typeof id === "object") ? settings.id : id;

            var editor = this.editor = $("#" + id);

            this.id = id;
            this.lang = settings.lang;

            var classNames = this.classNames = {
                textarea: {
                    html: classPrefix + "html-textarea",
                    markdown: classPrefix + "markdown-textarea"
                }
            };

            settings.pluginPath = (settings.pluginPath === "") ? settings.path + "../plugins/" : settings.pluginPath;

            this.state.watching = (settings.watch) ? true : false;

            if (!editor.hasClass("editormd")) {
                editor.addClass("editormd");
            }

            editor.css({
                width: (typeof settings.width === "number") ? settings.width + "px" : settings.width,
                height: (typeof settings.height === "number") ? settings.height + "px" : settings.height
            });

            if (settings.autoHeight) {
                editor.css("height", "auto");
            }

            var markdownTextarea = this.markdownTextarea = editor.children("textarea");

            if (markdownTextarea.length < 1) {
                editor.append("<textarea></textarea>");
                markdownTextarea = this.markdownTextarea = editor.children("textarea");
            }

            markdownTextarea.addClass(classNames.textarea.markdown).attr("placeholder", settings.placeholder);

            if (typeof markdownTextarea.attr("name") === "undefined" || markdownTextarea.attr("name") === "") {
                markdownTextarea.attr("name", (settings.name !== "") ? settings.name : id + "-markdown-doc");
            }

            var appendElements = [
                (!settings.readOnly) ? "<a href=\"javascript:;\" class=\"fa fa-close " + classPrefix + "preview-close-btn\"></a>" : "",
                ((settings.saveHTMLToTextarea) ? "<textarea class=\"" + classNames.textarea.html + "\" name=\"" + id + "-html-code\"></textarea>" : ""),
                "<div class=\"" + classPrefix + "preview\"><div class=\"markdown-body " + classPrefix + "preview-container\"></div></div>",
                "<div class=\"" + classPrefix + "container-mask\" style=\"display:block;\"></div>",
                "<div class=\"" + classPrefix + "mask\"></div>"
            ].join("\n");

            editor.append(appendElements).addClass(classPrefix + "vertical");

            if (settings.theme !== "") {
                editor.addClass(classPrefix + "theme-" + settings.theme);
            }

            this.mask = editor.children("." + classPrefix + "mask");
            this.containerMask = editor.children("." + classPrefix + "container-mask");

            if (settings.markdown !== "") {
                markdownTextarea.val(settings.markdown);
            }

            if (settings.appendMarkdown !== "") {
                markdownTextarea.val(markdownTextarea.val() + settings.appendMarkdown);
            }

            this.htmlTextarea = editor.children("." + classNames.textarea.html);
            this.preview = editor.children("." + classPrefix + "preview");
            this.previewContainer = this.preview.children("." + classPrefix + "preview-container");

            if (settings.previewTheme !== "") {
                this.preview.addClass(classPrefix + "preview-theme-" + settings.previewTheme);
            }

            if (typeof define === "function" && define.amd) {
                if (typeof katex !== "undefined") {
                    editormd.$katex = katex;
                }

                if (settings.searchReplace && !settings.readOnly) {
                    editormd.loadCSS(settings.path + "codemirror/addon/dialog/dialog");
                    editormd.loadCSS(settings.path + "codemirror/addon/search/matchesonscrollbar");
                }
            }

            if ((typeof define === "function" && define.amd) || !settings.autoLoadModules) {
                if (typeof CodeMirror !== "undefined") {
                    editormd.$CodeMirror = CodeMirror;
                }

                if (typeof marked !== "undefined") {
                    editormd.$marked = marked;
                }

                this.setCodeMirror().setToolbar().loadedDisplay();
            }
            else {
                this.loadQueues();
            }

            return this;
        },

        /**
         * 所需组件加载队列
         * Required components loading queue
         * 
         * @returns {editormd}  返回editormd的实例对象
         */

        loadQueues: function () {
            var _this = this;
            var settings = this.settings;
            var loadPath = settings.path;

            var loadFlowChartOrSequenceDiagram = function () {

                if (editormd.isIE8) {
                    _this.loadedDisplay();

                    return;
                }

                if (settings.flowChart || settings.sequenceDiagram) {
                    editormd.loadScript(loadPath + "raphael.min", function () {

                        editormd.loadScript(loadPath + "underscore.min", function () {

                            if (!settings.flowChart && settings.sequenceDiagram) {
                                editormd.loadScript(loadPath + "sequence-diagram.min", function () {
                                    _this.loadedDisplay();
                                });
                            }
                            else if (settings.flowChart && !settings.sequenceDiagram) {
                                editormd.loadScript(loadPath + "flowchart.min", function () {
                                    editormd.loadScript(loadPath + "jquery.flowchart.min", function () {
                                        _this.loadedDisplay();
                                    });
                                });
                            }
                            else if (settings.flowChart && settings.sequenceDiagram) {
                                editormd.loadScript(loadPath + "flowchart.min", function () {
                                    editormd.loadScript(loadPath + "jquery.flowchart.min", function () {
                                        editormd.loadScript(loadPath + "sequence-diagram.min", function () {
                                            _this.loadedDisplay();
                                        });
                                    });
                                });
                            }
                        });

                    });
                }
                else {
                    _this.loadedDisplay();
                }
            };

            // codemirror 已经加载了
            // editormd.loadCSS(loadPath + "codemirror/codemirror.min");

            if (settings.searchReplace && !settings.readOnly) {
                editormd.loadCSS(loadPath + "codemirror/addon/dialog/dialog");
                editormd.loadCSS(loadPath + "codemirror/addon/search/matchesonscrollbar");
            }

            if (settings.codeFold) {
                editormd.loadCSS(loadPath + "codemirror/addon/fold/foldgutter");
            }

            // codemirror 已经加载了，codemirror会有插件，重复加载会使得之前加载的插件失效

            // editormd.loadScript(loadPath + "codemirror/codemirror.min", function() {
            editormd.$CodeMirror = CodeMirror;

            editormd.loadScript(loadPath + "codemirror/modes.min", function () {

                editormd.loadScript(loadPath + "codemirror/addons.min", function () {

                    _this.setCodeMirror();

                    if (settings.mode !== "gfm" && settings.mode !== "markdown") {
                        _this.loadedDisplay();

                        return false;
                    }

                    _this.setToolbar();

                    // editormd.loadScript(loadPath + "marked.min", function () {
                    // });

                    editormd.$marked = marked;

                    if (settings.previewCodeHighlight) {
                        editormd.loadScript(loadPath + "prettify.min", function () {
                            loadFlowChartOrSequenceDiagram();
                        });
                    }
                    else {
                        loadFlowChartOrSequenceDiagram();
                    }


                });

            });

            // });

            return this;
        },

        /**
         * 设置 Editor.md 的整体主题，主要是工具栏
         * Setting Editor.md theme
         * 
         * @returns {editormd}  返回editormd的实例对象
         */

        setTheme: function (theme) {
            var editor = this.editor;
            var oldTheme = this.settings.theme;
            var themePrefix = this.classPrefix + "theme-";

            editor.removeClass(themePrefix + oldTheme).addClass(themePrefix + theme);

            this.settings.theme = theme;

            return this;
        },

        /**
         * 设置 CodeMirror（编辑区）的主题
         * Setting CodeMirror (Editor area) theme
         * 
         * @returns {editormd}  返回editormd的实例对象
         */

        setEditorTheme: function (theme) {
            var settings = this.settings;
            settings.editorTheme = theme;

            if (theme !== "default") {
                editormd.loadCSS(settings.path + "codemirror/theme/" + settings.editorTheme);
            }

            this.cm.setOption("theme", theme);

            return this;
        },

        /**
         * setEditorTheme() 的别名
         * setEditorTheme() alias
         * 
         * @returns {editormd}  返回editormd的实例对象
         */

        setCodeMirrorTheme: function (theme) {
            this.setEditorTheme(theme);

            return this;
        },

        /**
         * 设置 Editor.md 的主题
         * Setting Editor.md theme
         * 
         * @returns {editormd}  返回editormd的实例对象
         */

        setPreviewTheme: function (theme) {
            var preview = this.preview;
            var oldTheme = this.settings.previewTheme;
            var themePrefix = this.classPrefix + "preview-theme-";

            preview.removeClass(themePrefix + oldTheme).addClass(themePrefix + theme);

            this.settings.previewTheme = theme;

            return this;
        },

        /**
         * 配置和初始化CodeMirror组件
         * CodeMirror initialization
         * 
         * @returns {editormd}  返回editormd的实例对象
         */

        setCodeMirror: function () {
            var settings = this.settings;
            var editor = this.editor;

            if (settings.editorTheme !== "default") {
                editormd.loadCSS(settings.path + "codemirror/theme/" + settings.editorTheme);
            }

            var codeMirrorConfig = {
                mode: settings.mode,
                theme: settings.editorTheme,
                tabSize: settings.tabSize,
                dragDrop: false,
                autofocus: settings.autoFocus,
                autoCloseTags: settings.autoCloseTags,
                readOnly: (settings.readOnly) ? "nocursor" : false,
                indentUnit: settings.indentUnit,
                lineNumbers: settings.lineNumbers,
                lineWrapping: settings.lineWrapping,
                extraKeys: {
                    "Ctrl-Q": function (cm) {
                        cm.foldCode(cm.getCursor());
                    }
                },
                foldGutter: settings.codeFold,
                gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
                matchBrackets: settings.matchBrackets,
                indentWithTabs: settings.indentWithTabs,
                styleActiveLine: settings.styleActiveLine,
                styleSelectedText: settings.styleSelectedText,
                autoCloseBrackets: settings.autoCloseBrackets,
                showTrailingSpace: settings.showTrailingSpace,
                highlightSelectionMatches: ((!settings.matchWordHighlight) ? false : { showToken: (settings.matchWordHighlight === "onselected") ? false : /\w/ })
            };

            this.codeEditor = this.cm = editormd.$CodeMirror.fromTextArea(this.markdownTextarea[0], codeMirrorConfig);
            this.codeMirror = this.cmElement = editor.children(".CodeMirror");

            if (settings.value !== "") {
                this.cm.setValue(settings.value);
            }

            this.codeMirror.css({
                fontSize: settings.fontSize,
                width: (!settings.watch) ? "100%" : "50%"
            });

            if (settings.autoHeight) {
                this.codeMirror.css("height", "auto");
                this.cm.setOption("viewportMargin", Infinity);
            }

            if (!settings.lineNumbers) {
                this.codeMirror.find(".CodeMirror-gutters").css("border-right", "none");
            }

            return this;
        },

        /**
         * 获取CodeMirror的配置选项
         * Get CodeMirror setting options
         * 
         * @returns {Mixed}                  return CodeMirror setting option value
         */

        getCodeMirrorOption: function (key) {
            return this.cm.getOption(key);
        },

        /**
         * 配置和重配置CodeMirror的选项
         * CodeMirror setting options / resettings
         * 
         * @returns {editormd}  返回editormd的实例对象
         */

        setCodeMirrorOption: function (key, value) {

            this.cm.setOption(key, value);

            return this;
        },

        /**
         * 添加 CodeMirror 键盘快捷键
         * Add CodeMirror keyboard shortcuts key map
         * 
         * @returns {editormd}  返回editormd的实例对象
         */

        addKeyMap: function (map, bottom) {
            this.cm.addKeyMap(map, bottom);

            return this;
        },

        /**
         * 移除 CodeMirror 键盘快捷键
         * Remove CodeMirror keyboard shortcuts key map
         * 
         * @returns {editormd}  返回editormd的实例对象
         */

        removeKeyMap: function (map) {
            this.cm.removeKeyMap(map);

            return this;
        },

        /**
         * 跳转到指定的行
         * Goto CodeMirror line
         * 
         * @param   {String|Intiger}   line      line number or "first"|"last"
         * @returns {editormd}                   返回editormd的实例对象
         */

        gotoLine: function (line) {

            var settings = this.settings;

            if (!settings.gotoLine) {
                return this;
            }

            var cm = this.cm;
            var editor = this.editor;
            var count = cm.lineCount();
            var preview = this.preview;

            if (typeof line === "string") {
                if (line === "last") {
                    line = count;
                }

                if (line === "first") {
                    line = 1;
                }
            }

            if (typeof line !== "number") {
                alert("Error: The line number must be an integer.");
                return this;
            }

            line = parseInt(line) - 1;

            if (line > count) {
                alert("Error: The line number range 1-" + count);

                return this;
            }

            cm.setCursor({ line: line, ch: 0 });

            var scrollInfo = cm.getScrollInfo();
            var clientHeight = scrollInfo.clientHeight;
            var coords = cm.charCoords({ line: line, ch: 0 }, "local");

            cm.scrollTo(null, (coords.top + coords.bottom - clientHeight) / 2);

            if (settings.watch) {
                var cmScroll = this.codeMirror.find(".CodeMirror-scroll")[0];
                var height = $(cmScroll).height();
                var scrollTop = cmScroll.scrollTop;
                var percent = (scrollTop / cmScroll.scrollHeight);

                if (scrollTop === 0) {
                    preview.scrollTop(0);
                }
                else if (scrollTop + height >= cmScroll.scrollHeight - 16) {
                    preview.scrollTop(preview[0].scrollHeight);
                }
                else {
                    preview.scrollTop(preview[0].scrollHeight * percent);
                }
            }

            cm.focus();

            return this;
        },

        /**
         * 扩展当前实例对象，可同时设置多个或者只设置一个
         * Extend editormd instance object, can mutil setting.
         * 
         * @returns {editormd}                  this(editormd instance object.)
         */

        extend: function () {
            if (typeof arguments[1] !== "undefined") {
                if (typeof arguments[1] === "function") {
                    arguments[1] = $.proxy(arguments[1], this);
                }

                this[arguments[0]] = arguments[1];
            }

            if (typeof arguments[0] === "object" && typeof arguments[0].length === "undefined") {
                $.extend(true, this, arguments[0]);
            }

            return this;
        },

        /**
         * 设置或扩展当前实例对象，单个设置
         * Extend editormd instance object, one by one
         * 
         * @param   {String|Object}   key       option key
         * @param   {String|Object}   value     option value
         * @returns {editormd}                  this(editormd instance object.)
         */

        set: function (key, value) {

            if (typeof value !== "undefined" && typeof value === "function") {
                value = $.proxy(value, this);
            }

            this[key] = value;

            return this;
        },

        /**
         * 重新配置
         * Resetting editor options
         * 
         * @param   {String|Object}   key       option key
         * @param   {String|Object}   value     option value
         * @returns {editormd}                  this(editormd instance object.)
         */

        config: function (key, value) {
            var settings = this.settings;

            if (typeof key === "object") {
                settings = $.extend(true, settings, key);
            }

            if (typeof key === "string") {
                settings[key] = value;
            }

            this.settings = settings;
            this.recreate();

            return this;
        },

        /**
         * 注册事件处理方法
         * Bind editor event handle
         * 
         * @param   {String}     eventType      event type
         * @param   {Function}   callback       回调函数
         * @returns {editormd}                  this(editormd instance object.)
         */

        on: function (eventType, callback) {
            var settings = this.settings;

            if (typeof settings["on" + eventType] !== "undefined") {
                settings["on" + eventType] = $.proxy(callback, this);
            }

            return this;
        },

        /**
         * 解除事件处理方法
         * Unbind editor event handle
         * 
         * @param   {String}   eventType          event type
         * @returns {editormd}                    this(editormd instance object.)
         */

        off: function (eventType) {
            var settings = this.settings;

            if (typeof settings["on" + eventType] !== "undefined") {
                settings["on" + eventType] = function () { };
            }

            return this;
        },

        /**
         * 显示工具栏
         * Display toolbar
         * 
         * @param   {Function} [callback=function(){}] 回调函数
         * @returns {editormd}  返回editormd的实例对象
         */

        showToolbar: function (callback) {
            var settings = this.settings;

            if (settings.readOnly) {
                return this;
            }

            if (settings.toolbar && (this.toolbar.length < 1 || this.toolbar.find("." + this.classPrefix + "menu").html() === "")) {
                this.setToolbar();
            }

            settings.toolbar = true;

            this.toolbar.show();
            this.resize();

            $.proxy(callback || function () { }, this)();

            return this;
        },

        /**
         * 隐藏工具栏
         * Hide toolbar
         * 
         * @param   {Function} [callback=function(){}] 回调函数
         * @returns {editormd}                         this(editormd instance object.)
         */

        hideToolbar: function (callback) {
            var settings = this.settings;

            settings.toolbar = false;
            this.toolbar.hide();
            this.resize();

            $.proxy(callback || function () { }, this)();

            return this;
        },

        /**
         * 页面滚动时工具栏的固定定位
         * Set toolbar in window scroll auto fixed position
         * 
         * @returns {editormd}  返回editormd的实例对象
         */

        setToolbarAutoFixed: function (fixed) {

            var state = this.state;
            var editor = this.editor;
            var toolbar = this.toolbar;
            var settings = this.settings;

            if (typeof fixed !== "undefined") {
                settings.toolbarAutoFixed = fixed;
            }

            var autoFixedHandle = function () {
                var $window = $(window);
                var top = $window.scrollTop();

                if (!settings.toolbarAutoFixed) {
                    return false;
                }

                if (top - editor.offset().top > 10 && top < editor.height()) {
                    toolbar.css({
                        position: "fixed",
                        width: editor.width() + "px",
                        left: ($window.width() - editor.width()) / 2 + "px"
                    });
                }
                else {
                    toolbar.css({
                        position: "absolute",
                        width: "100%",
                        left: 0
                    });
                }
            };

            if (!state.fullscreen && !state.preview && settings.toolbar && settings.toolbarAutoFixed) {
                $(window).bind("scroll", autoFixedHandle);
            }

            return this;
        },

        /**
         * 配置和初始化工具栏
         * Set toolbar and Initialization
         * 
         * @returns {editormd}  返回editormd的实例对象
         */

        setToolbar: function () {
            var settings = this.settings;

            if (settings.readOnly) {
                return this;
            }

            var editor = this.editor;
            var preview = this.preview;
            var classPrefix = this.classPrefix;

            var toolbar = this.toolbar = editor.children("." + classPrefix + "toolbar");

            if (settings.toolbar && toolbar.length < 1) {
                var toolbarHTML = "<div class=\"" + classPrefix + "toolbar\"><div class=\"" + classPrefix + "toolbar-container\"><ul class=\"" + classPrefix + "menu\"></ul></div></div>";

                editor.append(toolbarHTML);
                toolbar = this.toolbar = editor.children("." + classPrefix + "toolbar");
            }

            if (!settings.toolbar) {
                toolbar.hide();

                return this;
            }

            toolbar.show();

            var icons = (typeof settings.toolbarIcons === "function") ? settings.toolbarIcons(this)
                : ((typeof settings.toolbarIcons === "string") ? editormd.toolbarModes[settings.toolbarIcons] : settings.toolbarIcons);

            var toolbarMenu = toolbar.find("." + this.classPrefix + "menu"), menu = "";
            var pullRight = false;

            for (var i = 0, len = icons.length; i < len; i++) {
                var name = icons[i];

                if (name === "||") {
                    pullRight = true;
                }
                else if (name === "|") {
                    menu += "<li class=\"divider\" unselectable=\"on\">|</li>";
                }
                else {
                    var isHeader = (/h(\d)/.test(name));
                    var index = name;

                    if (name === "watch" && !settings.watch) {
                        index = "unwatch";
                    }

                    var title = settings.lang.toolbar[index];
                    var iconTexts = settings.toolbarIconTexts[index];
                    var iconClass = settings.toolbarIconsClass[index];

                    title = (typeof title === "undefined") ? "" : title;
                    iconTexts = (typeof iconTexts === "undefined") ? "" : iconTexts;
                    iconClass = (typeof iconClass === "undefined") ? "" : iconClass;

                    var menuItem = pullRight ? "<li class=\"pull-right\">" : "<li>";

                    if (typeof settings.toolbarCustomIcons[name] !== "undefined" && typeof settings.toolbarCustomIcons[name] !== "function") {
                        menuItem += settings.toolbarCustomIcons[name];
                    }
                    else {
                        menuItem += "<a href=\"javascript:;\" title=\"" + title + "\" unselectable=\"on\">";
                        menuItem += "<i class=\"fa " + iconClass + "\" name=\"" + name + "\" unselectable=\"on\">" + ((isHeader) ? name.toUpperCase() : ((iconClass === "") ? iconTexts : "")) + "</i>";
                        menuItem += "</a>";
                    }

                    menuItem += "</li>";

                    menu = pullRight ? menuItem + menu : menu + menuItem;
                }
            }

            toolbarMenu.html(menu);

            toolbarMenu.find("[title=\"Lowercase\"]").attr("title", settings.lang.toolbar.lowercase);
            toolbarMenu.find("[title=\"ucwords\"]").attr("title", settings.lang.toolbar.ucwords);

            this.setToolbarHandler();
            this.setToolbarAutoFixed();

            return this;
        },

        /**
         * 工具栏图标事件处理对象序列
         * Get toolbar icons event handlers
         * 
         * @param   {Object}   cm    CodeMirror的实例对象
         * @param   {String}   name  要获取的事件处理器名称
         * @returns {Object}         返回处理对象序列
         */

        dialogLockScreen: function () {
            $.proxy(editormd.dialogLockScreen, this)();

            return this;
        },

        dialogShowMask: function (dialog) {
            $.proxy(editormd.dialogShowMask, this)(dialog);

            return this;
        },

        getToolbarHandles: function (name) {
            var toolbarHandlers = this.toolbarHandlers = editormd.toolbarHandlers;

            return (name && typeof toolbarIconHandlers[name] !== "undefined") ? toolbarHandlers[name] : toolbarHandlers;
        },

        /**
         * 工具栏图标事件处理器
         * Bind toolbar icons event handle
         * 
         * @returns {editormd}  返回editormd的实例对象
         */

        setToolbarHandler: function () {
            var _this = this;
            var settings = this.settings;

            if (!settings.toolbar || settings.readOnly) {
                return this;
            }

            var toolbar = this.toolbar;
            var cm = this.cm;
            var classPrefix = this.classPrefix;
            var toolbarIcons = this.toolbarIcons = toolbar.find("." + classPrefix + "menu > li > a");
            var toolbarIconHandlers = this.getToolbarHandles();

            toolbarIcons.bind(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;
                }

                _this.activeIcon = icon;

                if (typeof toolbarIconHandlers[name] !== "undefined") {
                    $.proxy(toolbarIconHandlers[name], _this)(cm);
                }
                else {
                    if (typeof settings.toolbarHandlers[name] !== "undefined") {
                        $.proxy(settings.toolbarHandlers[name], _this)(cm, icon, cursor, selection);
                    }
                }

                if (name !== "link" && name !== "reference-link" && name !== "image" && name !== "code-block" &&
                    name !== "preformatted-text" && name !== "watch" && name !== "preview" && name !== "search" && name !== "fullscreen" && name !== "info") {
                    cm.focus();
                }

                return false;

            });

            return this;
        },

        /**
         * 动态创建对话框
         * Creating custom dialogs
         * 
         * @param   {Object} options  配置项键值对 Key/Value
         * @returns {dialog}          返回创建的dialog的jQuery实例对象
         */

        createDialog: function (options) {
            return $.proxy(editormd.createDialog, this)(options);
        },

        /**
         * 创建关于Editor.md的对话框
         * Create about Editor.md dialog
         * 
         * @returns {editormd}  返回editormd的实例对象
         */

        createInfoDialog: function () {
            var _this = this;
            var editor = this.editor;
            var classPrefix = this.classPrefix;

            var infoDialogHTML = [
                "<div class=\"" + classPrefix + "dialog " + classPrefix + "dialog-info\" style=\"\">",
                "<div class=\"" + classPrefix + "dialog-container\">",
                "<h1><i class=\"editormd-logo editormd-logo-lg editormd-logo-color\"></i> " + editormd.title + "<small>v" + editormd.version + "</small></h1>",
                "<p>" + this.lang.description + "</p>",
                "<p style=\"margin: 10px 0 20px 0;\"><a href=\"" + editormd.homePage + "\" target=\"_blank\">" + editormd.homePage + " <i class=\"fa fa-external-link\"></i></a></p>",
                "<p style=\"font-size: 0.85em;\">Copyright &copy; 2015 <a href=\"https://github.com/pandao\" target=\"_blank\" class=\"hover-link\">Pandao</a>, The <a href=\"https://github.com/pandao/editor.md/blob/master/LICENSE\" target=\"_blank\" class=\"hover-link\">MIT</a> License.</p>",
                "</div>",
                "<a href=\"javascript:;\" class=\"fa fa-close " + classPrefix + "dialog-close\"></a>",
                "</div>"
            ].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 () {
                _this.hideInfoDialog();
            });

            infoDialog.css("border", (editormd.isIE8) ? "1px solid #ddd" : "").css("z-index", editormd.dialogZindex).show();

            this.infoDialogPosition();

            return this;
        },

        /**
         * 关于Editor.md对话居中定位
         * Editor.md dialog position handle
         * 
         * @returns {editormd}  返回editormd的实例对象
         */

        infoDialogPosition: function () {
            var infoDialog = this.infoDialog;

            var _infoDialogPosition = function () {
                infoDialog.css({
                    top: ($(window).height() - infoDialog.height()) / 2 + "px",
                    left: ($(window).width() - infoDialog.width()) / 2 + "px"
                });
            };

            _infoDialogPosition();

            $(window).resize(_infoDialogPosition);

            return this;
        },

        /**
         * 显示关于Editor.md
         * Display about Editor.md dialog
         * 
         * @returns {editormd}  返回editormd的实例对象
         */

        showInfoDialog: function () {

            $("html,body").css("overflow-x", "hidden");

            var _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();

            infoDialog.css("z-index", editormd.dialogZindex).show();

            this.infoDialogPosition();

            return this;
        },

        /**
         * 隐藏关于Editor.md
         * Hide about Editor.md dialog
         * 
         * @returns {editormd}  返回editormd的实例对象
         */

        hideInfoDialog: function () {
            $("html,body").css("overflow-x", "");
            this.infoDialog.hide();
            this.mask.hide();
            this.lockScreen(false);

            return this;
        },

        /**
         * 锁屏
         * lock screen
         * 
         * @param   {Boolean}    lock    Boolean 布尔值，是否锁屏
         * @returns {editormd}           返回editormd的实例对象
         */

        lockScreen: function (lock) {
            editormd.lockScreen(lock);
            this.resize();

            return this;
        },

        /**
         * 编辑器界面重建，用于动态语言包或模块加载等
         * Recreate editor
         * 
         * @returns {editormd}  返回editormd的实例对象
         */

        recreate: function () {
            var _this = this;
            var editor = this.editor;
            var settings = this.settings;

            this.codeMirror.remove();

            this.setCodeMirror();

            if (!settings.readOnly) {
                if (editor.find(".editormd-dialog").length > 0) {
                    editor.find(".editormd-dialog").remove();
                }

                if (settings.toolbar) {
                    this.getToolbarHandles();
                    this.setToolbar();
                }
            }

            this.loadedDisplay(true);

            return this;
        },

        /**
         * 高亮预览HTML的pre代码部分
         * highlight of preview codes
         * 
         * @returns {editormd}             返回editormd的实例对象
         */

        previewCodeHighlight: function () {
            var settings = this.settings;
            var previewContainer = this.previewContainer;

            if (settings.previewCodeHighlight) {
                previewContainer.find("pre").addClass("prettyprint linenums");

                if (typeof prettyPrint !== "undefined") {
                    prettyPrint();
                }
            }

            return this;
        },

        /**
         * 解析TeX(KaTeX)科学公式
         * TeX(KaTeX) Renderer
         * 
         * @returns {editormd}             返回editormd的实例对象
         */

        katexRender: function () {

            if (timer === null) {
                return this;
            }
            this.previewContainer.find("." + editormd.classNames.tex).each(function () {
                var tex = $(this);
                editormd.$katex.render(tex.text(), tex[0]);

                tex.find(".katex").css("font-size", "1.0em");
            });

            return this;
        },

        /**
         * 解析和渲染流程图及时序图
         * FlowChart and SequenceDiagram Renderer
         * 
         * @returns {editormd}             返回editormd的实例对象
         */

        flowChartAndSequenceDiagramRender: function () {
            var $this = this;
            var settings = this.settings;
            var previewContainer = this.previewContainer;

            if (editormd.isIE8) {
                return this;
            }

            if (settings.flowChart) {
                if (flowchartTimer === null) {
                    return this;
                }

                previewContainer.find(".flowchart").flowChart();
            }

            if (settings.sequenceDiagram) {
                previewContainer.find(".sequence-diagram").sequenceDiagram({ theme: "simple" });
            }

            var preview = $this.preview;
            var codeMirror = $this.codeMirror;
            var codeView = codeMirror.find(".CodeMirror-scroll");

            var height = codeView.height();
            var scrollTop = codeView.scrollTop();
            var percent = (scrollTop / codeView[0].scrollHeight);
            var tocHeight = 0;

            preview.find(".markdown-toc-list").each(function () {
                tocHeight += $(this).height();
            });

            var tocMenuHeight = preview.find(".editormd-toc-menu").height();
            tocMenuHeight = (!tocMenuHeight) ? 0 : tocMenuHeight;

            if (scrollTop === 0) {
                preview.scrollTop(0);
            }
            else if (scrollTop + height >= codeView[0].scrollHeight - 16) {
                preview.scrollTop(preview[0].scrollHeight);
            }
            else {
                preview.scrollTop((preview[0].scrollHeight + tocHeight + tocMenuHeight) * percent);
            }

            return this;
        },

        /**
         * 注册键盘快捷键处理
         * Register CodeMirror keyMaps (keyboard shortcuts).
         * 
         * @param   {Object}    keyMap      KeyMap key/value {"(Ctrl/Shift/Alt)-Key" : function(){}}
         * @returns {editormd}              return this
         */

        registerKeyMaps: function (keyMap) {

            var _this = this;
            var cm = this.cm;
            var settings = this.settings;
            var toolbarHandlers = editormd.toolbarHandlers;
            var disabledKeyMaps = settings.disabledKeyMaps;

            keyMap = keyMap || null;

            if (keyMap) {
                for (var i in keyMap) {
                    if ($.inArray(i, disabledKeyMaps) < 0) {
                        var map = {};
                        map[i] = keyMap[i];

                        cm.addKeyMap(keyMap);
                    }
                }
            }
            else {
                for (var k in editormd.keyMaps) {
                    var _keyMap = editormd.keyMaps[k];
                    var handle = (typeof _keyMap === "string") ? $.proxy(toolbarHandlers[_keyMap], _this) : $.proxy(_keyMap, _this);

                    if ($.inArray(k, ["F9", "F10", "F11"]) < 0 && $.inArray(k, disabledKeyMaps) < 0) {
                        var _map = {};
                        _map[k] = handle;

                        cm.addKeyMap(_map);
                    }
                }

                $(window).keydown(function (event) {

                    var keymaps = {
                        "120": "F9",
                        "121": "F10",
                        "122": "F11"
                    };

                    if ($.inArray(keymaps[event.keyCode], disabledKeyMaps) < 0) {
                        switch (event.keyCode) {
                            case 120:
                                $.proxy(toolbarHandlers["watch"], _this)();
                                return false;
                                break;

                            case 121:
                                $.proxy(toolbarHandlers["preview"], _this)();
                                return false;
                                break;

                            case 122:
                                $.proxy(toolbarHandlers["fullscreen"], _this)();
                                return false;
                                break;

                            default:
                                break;
                        }
                    }
                });
            }

            return this;
        },

        /**
         * 绑定同步滚动
         * 
         * @returns {editormd} return this
         */

        bindScrollEvent: function () {

            var _this = this;
            var preview = this.preview;
            var settings = this.settings;
            var codeMirror = this.codeMirror;
            var mouseOrTouch = editormd.mouseOrTouch;

            if (!settings.syncScrolling) {
                return this;
            }

            var cmBindScroll = function () {
                codeMirror.find(".CodeMirror-scroll").bind(mouseOrTouch("scroll", "touchmove"), function (event) {
                    var height = $(this).height();
                    var scrollTop = $(this).scrollTop();
                    var percent = (scrollTop / $(this)[0].scrollHeight);

                    var tocHeight = 0;

                    preview.find(".markdown-toc-list").each(function () {
                        tocHeight += $(this).height();
                    });

                    var tocMenuHeight = preview.find(".editormd-toc-menu").height();
                    tocMenuHeight = (!tocMenuHeight) ? 0 : tocMenuHeight;

                    if (scrollTop === 0) {
                        preview.scrollTop(0);
                    }
                    else if (scrollTop + height >= $(this)[0].scrollHeight - 16) {
                        preview.scrollTop(preview[0].scrollHeight);
                    }
                    else {
                        preview.scrollTop((preview[0].scrollHeight + tocHeight + tocMenuHeight) * percent);
                    }

                    $.proxy(settings.onscroll, _this)(event);
                });
            };

            var cmUnbindScroll = function () {
                codeMirror.find(".CodeMirror-scroll").unbind(mouseOrTouch("scroll", "touchmove"));
            };

            var previewBindScroll = function () {

                preview.bind(mouseOrTouch("scroll", "touchmove"), function (event) {
                    var height = $(this).height();
                    var scrollTop = $(this).scrollTop();
                    var percent = (scrollTop / $(this)[0].scrollHeight);
                    var codeView = codeMirror.find(".CodeMirror-scroll");

                    if (scrollTop === 0) {
                        codeView.scrollTop(0);
                    }
                    else if (scrollTop + height >= $(this)[0].scrollHeight) {
                        codeView.scrollTop(codeView[0].scrollHeight);
                    }
                    else {
                        codeView.scrollTop(codeView[0].scrollHeight * percent);
                    }

                    $.proxy(settings.onpreviewscroll, _this)(event);
                });

            };

            var previewUnbindScroll = function () {
                preview.unbind(mouseOrTouch("scroll", "touchmove"));
            };

            codeMirror.bind({
                mouseover: cmBindScroll,
                mouseout: cmUnbindScroll,
                touchstart: cmBindScroll,
                touchend: cmUnbindScroll
            });

            if (settings.syncScrolling === "single") {
                return this;
            }

            preview.bind({
                mouseover: previewBindScroll,
                mouseout: previewUnbindScroll,
                touchstart: previewBindScroll,
                touchend: previewUnbindScroll
            });

            return this;
        },

        bindChangeEvent: function () {

            var _this = this;
            var cm = this.cm;
            var settings = this.settings;

            if (!settings.syncScrolling) {
                return this;
            }

            cm.on("change", function (_cm, changeObj) {

                if (settings.watch) {
                    _this.previewContainer.css("padding", settings.autoHeight ? "20px 20px 50px 40px" : "20px");
                }

                timer = setTimeout(function () {
                    clearTimeout(timer);
                    _this.save();
                    timer = null;
                }, settings.delay);
            });

            return this;
        },

        /**
         * 加载队列完成之后的显示处理
         * Display handle of the module queues loaded after.
         * 
         * @param   {Boolean}   recreate   是否为重建编辑器
         * @returns {editormd}             返回editormd的实例对象
         */

        loadedDisplay: function (recreate) {

            recreate = recreate || false;

            var _this = this;
            var editor = this.editor;
            var preview = this.preview;
            var settings = this.settings;

            this.containerMask.hide();

            this.save();

            if (settings.watch) {
                preview.show();
            }

            editor.data("oldWidth", editor.width()).data("oldHeight", editor.height()); // 为了兼容Zepto

            this.resize();
            this.registerKeyMaps();

            $(window).resize(function () {
                _this.resize();
            });

            this.bindScrollEvent().bindChangeEvent();

            if (!recreate) {
                // TODO url完善
                settings.imageUploadURL && initEditormdPasteUpload(this, settings.imageUploadURL)
                $.proxy(settings.onload, this)();
            }

            this.state.loaded = true;

            return this;
        },

        /**
         * 设置编辑器的宽度
         * Set editor width
         * 
         * @param   {Number|String} width  编辑器宽度值
         * @returns {editormd}             返回editormd的实例对象
         */

        width: function (width) {

            this.editor.css("width", (typeof width === "number") ? width + "px" : width);
            this.resize();

            return this;
        },

        /**
         * 设置编辑器的高度
         * Set editor height
         * 
         * @param   {Number|String} height  编辑器高度值
         * @returns {editormd}              返回editormd的实例对象
         */

        height: function (height) {

            this.editor.css("height", (typeof height === "number") ? height + "px" : height);
            this.resize();

            return this;
        },

        /**
         * 调整编辑器的尺寸和布局
         * Resize editor layout
         * 
         * @param   {Number|String} [width=null]  编辑器宽度值
         * @param   {Number|String} [height=null] 编辑器高度值
         * @returns {editormd}                    返回editormd的实例对象
         */

        resize: function (width, height) {

            width = width || null;
            height = height || null;

            var state = this.state;
            var editor = this.editor;
            var preview = this.preview;
            var toolbar = this.toolbar;
            var settings = this.settings;
            var codeMirror = this.codeMirror;

            if (width) {
                editor.css("width", (typeof width === "number") ? width + "px" : width);
            }

            if (settings.autoHeight && !state.fullscreen && !state.preview) {
                editor.css("height", "auto");
                codeMirror.css("height", "auto");
            }
            else {
                if (height) {
                    editor.css("height", (typeof height === "number") ? height + "px" : height);
                }

                if (state.fullscreen) {
                    editor.height($(window).height());
                }

                if (settings.toolbar && !settings.readOnly) {
                    codeMirror.css("margin-top", toolbar.height() + 1).height(editor.height() - toolbar.height());
                }
                else {
                    codeMirror.css("margin-top", 0).height(editor.height());
                }
            }

            if (settings.watch) {
                codeMirror.width(editor.width() / 2);
                preview.width((!state.preview) ? editor.width() / 2 : editor.width());

                this.previewContainer.css("padding", settings.autoHeight ? "20px 20px 50px 40px" : "20px");

                if (settings.toolbar && !settings.readOnly) {
                    preview.css("top", toolbar.height() + 1);
                }
                else {
                    preview.css("top", 0);
                }

                if (settings.autoHeight && !state.fullscreen && !state.preview) {
                    preview.height("");
                }
                else {
                    var previewHeight = (settings.toolbar && !settings.readOnly) ? editor.height() - toolbar.height() : editor.height();

                    preview.height(previewHeight);
                }
            }
            else {
                codeMirror.width(editor.width());
                preview.hide();
            }

            if (state.loaded) {
                $.proxy(settings.onresize, this)();
            }

            return this;
        },

        /**
         * 解析和保存Markdown代码
         * Parse & Saving Markdown source code
         * 
         * @returns {editormd}     返回editormd的实例对象
         */

        save: function () {

            if (timer === null) {
                return this;
            }

            var _this = this;
            var state = this.state;
            var settings = this.settings;
            var cm = this.cm;
            var cmValue = cm.getValue();
            var previewContainer = this.previewContainer;

            if (settings.mode !== "gfm" && settings.mode !== "markdown") {
                this.markdownTextarea.val(cmValue);

                return this;
            }

            var marked = editormd.$marked;
            var markdownToC = this.markdownToC = [];
            var rendererOptions = this.markedRendererOptions = {
                toc: settings.toc,
                tocm: settings.tocm,
                tocStartLevel: settings.tocStartLevel,
                pageBreak: settings.pageBreak,
                taskList: settings.taskList,
                emoji: settings.emoji,
                tex: settings.tex,
                atLink: settings.atLink,           // for @link
                emailLink: settings.emailLink,        // for mail address auto link
                flowChart: settings.flowChart,
                sequenceDiagram: settings.sequenceDiagram,
                previewCodeHighlight: settings.previewCodeHighlight,
            };

            var markedOptions = this.markedOptions = {
                renderer: editormd.markedRenderer(markdownToC, rendererOptions),
                gfm: true,
                tables: true,
                breaks: true,
                pedantic: false,
                sanitize: (settings.htmlDecode) ? false : true,  // 关闭忽略HTML标签，即开启识别HTML标签，默认为false
                smartLists: true,
                smartypants: true
            };

            marked.setOptions(markedOptions);

            var newMarkdownDoc = editormd.$marked(cmValue, markedOptions);

            //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) {
                this.htmlTextarea.text(newMarkdownDoc);
            }

            if (settings.watch || (!settings.watch && state.preview)) {
                previewContainer.html(newMarkdownDoc);

                this.previewCodeHighlight();

                if (settings.toc) {
                    var tocContainer = (settings.tocContainer === "") ? previewContainer : $(settings.tocContainer);
                    var tocMenu = tocContainer.find("." + this.classPrefix + "toc-menu");

                    tocContainer.attr("previewContainer", (settings.tocContainer === "") ? "true" : "false");

                    if (settings.tocContainer !== "" && tocMenu.length > 0) {
                        tocMenu.remove();
                    }

                    editormd.markdownToCRenderer(markdownToC, tocContainer, settings.tocDropdown, settings.tocStartLevel);

                    if (settings.tocDropdown || tocContainer.find("." + this.classPrefix + "toc-menu").length > 0) {
                        editormd.tocDropdownMenu(tocContainer, (settings.tocTitle !== "") ? settings.tocTitle : this.lang.tocTitle);
                    }

                    if (settings.tocContainer !== "") {
                        previewContainer.find(".markdown-toc").css("border", "none");
                    }
                }

                if (settings.tex) {
                    if (!editormd.kaTeXLoaded && settings.autoLoadModules) {
                        editormd.loadKaTeX(function () {
                            editormd.$katex = katex;
                            editormd.kaTeXLoaded = true;
                            _this.katexRender();
                        });
                    }
                    else {
                        editormd.$katex = katex;
                        this.katexRender();
                    }
                }

                if (settings.flowChart || settings.sequenceDiagram) {
                    flowchartTimer = setTimeout(function () {
                        clearTimeout(flowchartTimer);
                        _this.flowChartAndSequenceDiagramRender();
                        flowchartTimer = null;
                    }, 10);
                }

                if (state.loaded) {
                    $.proxy(settings.onchange, this)();
                }
            }

            return this;
        },

        /**
         * 聚焦光标位置
         * Focusing the cursor position
         * 
         * @returns {editormd}         返回editormd的实例对象
         */

        focus: function () {
            this.cm.focus();

            return this;
        },

        /**
         * 设置光标的位置
         * Set cursor position
         * 
         * @param   {Object}    cursor 要设置的光标位置键值对象，例：{line:1, ch:0}
         * @returns {editormd}         返回editormd的实例对象
         */

        setCursor: function (cursor) {
            this.cm.setCursor(cursor);

            return this;
        },

        /**
         * 获取当前光标的位置
         * Get the current position of the cursor
         * 
         * @returns {Cursor}         返回一个光标Cursor对象
         */

        getCursor: function () {
            return this.cm.getCursor();
        },

        /**
         * 设置光标选中的范围
         * Set cursor selected ranges
         * 
         * @param   {Object}    from   开始位置的光标键值对象，例：{line:1, ch:0}
         * @param   {Object}    to     结束位置的光标键值对象，例：{line:1, ch:0}
         * @returns {editormd}         返回editormd的实例对象
         */

        setSelection: function (from, to) {

            this.cm.setSelection(from, to);

            return this;
        },

        /**
         * 获取光标选中的文本
         * Get the texts from cursor selected
         * 
         * @returns {String}         返回选中文本的字符串形式
         */

        getSelection: function () {
            return this.cm.getSelection();
        },

        /**
         * 设置光标选中的文本范围
         * Set the cursor selection ranges
         * 
         * @param   {Array}    ranges  cursor selection ranges array
         * @returns {Array}            return this
         */

        setSelections: function (ranges) {
            this.cm.setSelections(ranges);

            return this;
        },

        /**
         * 获取光标选中的文本范围
         * Get the cursor selection ranges
         * 
         * @returns {Array}         return selection ranges array
         */

        getSelections: function () {
            return this.cm.getSelections();
        },

        /**
         * 替换当前光标选中的文本或在当前光标处插入新字符
         * Replace the text at the current cursor selected or insert a new character at the current cursor position
         * 
         * @param   {String}    value  要插入的字符值
         * @returns {editormd}         返回editormd的实例对象
         */

        replaceSelection: function (value) {
            this.cm.replaceSelection(value);

            return this;
        },

        /**
         * 在当前光标处插入新字符
         * Insert a new character at the current cursor position
         *
         * 同replaceSelection()方法
         * With the replaceSelection() method
         * 
         * @param   {String}    value  要插入的字符值
         * @returns {editormd}         返回editormd的实例对象
         */

        insertValue: function (value) {
            this.replaceSelection(value);

            return this;
        },

        /**
         * 追加markdown
         * append Markdown to editor
         * 
         * @param   {String}    md     要追加的markdown源文档
         * @returns {editormd}         返回editormd的实例对象
         */

        appendMarkdown: function (md) {
            var settings = this.settings;
            var cm = this.cm;

            cm.setValue(cm.getValue() + md);

            return this;
        },

        /**
         * 设置和传入编辑器的markdown源文档
         * Set Markdown source document
         * 
         * @param   {String}    md     要传入的markdown源文档
         * @returns {editormd}         返回editormd的实例对象
         */

        setMarkdown: function (md) {
            this.cm.setValue(md || this.settings.markdown);

            return this;
        },

        /**
         * 获取编辑器的markdown源文档
         * Set Editor.md markdown/CodeMirror value
         * 
         * @returns {editormd}         返回editormd的实例对象
         */

        getMarkdown: function () {
            return this.cm.getValue();
        },

        /**
         * 获取编辑器的源文档
         * Get CodeMirror value
         * 
         * @returns {editormd}         返回editormd的实例对象
         */

        getValue: function () {
            return this.cm.getValue();
        },

        /**
         * 设置编辑器的源文档
         * Set CodeMirror value
         * 
         * @param   {String}     value   set code/value/string/text
         * @returns {editormd}           返回editormd的实例对象
         */

        setValue: function (value) {
            this.cm.setValue(value);

            return this;
        },

        /**
         * 清空编辑器
         * Empty CodeMirror editor container
         * 
         * @returns {editormd}         返回editormd的实例对象
         */

        clear: function () {
            this.cm.setValue("");

            return this;
        },

        /**
         * 获取解析后存放在Textarea的HTML源码
         * Get parsed html code from Textarea
         * 
         * @returns {String}               返回HTML源码
         */

        getHTML: function () {
            if (!this.settings.saveHTMLToTextarea) {
                alert("Error: settings.saveHTMLToTextarea == false");

                return false;
            }

            return this.htmlTextarea.val();
        },

        /**
         * getHTML()的别名
         * getHTML (alias)
         * 
         * @returns {String}           Return html code 返回HTML源码
         */

        getTextareaSavedHTML: function () {
            return this.getHTML();
        },

        /**
         * 获取预览窗口的HTML源码
         * Get html from preview container
         * 
         * @returns {editormd}         返回editormd的实例对象
         */

        getPreviewedHTML: function () {
            if (!this.settings.watch) {
                alert("Error: settings.watch == false");

                return false;
            }

            return this.previewContainer.html();
        },

        /**
         * 开启实时预览
         * Enable real-time watching
         * 
         * @returns {editormd}         返回editormd的实例对象
         */

        watch: function (callback) {
            var settings = this.settings;

            if ($.inArray(settings.mode, ["gfm", "markdown"]) < 0) {
                return this;
            }

            this.state.watching = settings.watch = true;
            this.preview.show();

            if (this.toolbar) {
                var watchIcon = settings.toolbarIconsClass.watch;
                var unWatchIcon = settings.toolbarIconsClass.unwatch;

                var icon = this.toolbar.find(".fa[name=watch]");
                icon.parent().attr("title", settings.lang.toolbar.watch);
                icon.removeClass(unWatchIcon).addClass(watchIcon);
            }

            this.codeMirror.css("border-right", "1px solid #ddd").width(this.editor.width() / 2);

            timer = 0;

            this.save().resize();

            if (!settings.onwatch) {
                settings.onwatch = callback || function () { };
            }

            $.proxy(settings.onwatch, this)();

            return this;
        },

        /**
         * 关闭实时预览
         * Disable real-time watching
         * 
         * @returns {editormd}         返回editormd的实例对象
         */

        unwatch: function (callback) {
            var settings = this.settings;
            this.state.watching = settings.watch = false;
            this.preview.hide();

            if (this.toolbar) {
                var watchIcon = settings.toolbarIconsClass.watch;
                var unWatchIcon = settings.toolbarIconsClass.unwatch;

                var icon = this.toolbar.find(".fa[name=watch]");
                icon.parent().attr("title", settings.lang.toolbar.unwatch);
                icon.removeClass(watchIcon).addClass(unWatchIcon);
            }

            this.codeMirror.css("border-right", "none").width(this.editor.width());

            this.resize();

            if (!settings.onunwatch) {
                settings.onunwatch = callback || function () { };
            }

            $.proxy(settings.onunwatch, this)();

            return this;
        },

        /**
         * 显示编辑器
         * Show editor
         * 
         * @param   {Function} [callback=function()] 回调函数
         * @returns {editormd}                       返回editormd的实例对象
         */

        show: function (callback) {
            callback = callback || function () { };

            var _this = this;
            this.editor.show(0, function () {
                $.proxy(callback, _this)();
            });

            return this;
        },

        /**
         * 隐藏编辑器
         * Hide editor
         * 
         * @param   {Function} [callback=function()] 回调函数
         * @returns {editormd}                       返回editormd的实例对象
         */

        hide: function (callback) {
            callback = callback || function () { };

            var _this = this;
            this.editor.hide(0, function () {
                $.proxy(callback, _this)();
            });

            return this;
        },

        /**
         * 隐藏编辑器部分，只预览HTML
         * Enter preview html state
         * 
         * @returns {editormd}         返回editormd的实例对象
         */

        previewing: function () {

            var _this = this;
            var editor = this.editor;
            var preview = this.preview;
            var toolbar = this.toolbar;
            var settings = this.settings;
            var codeMirror = this.codeMirror;
            var previewContainer = this.previewContainer;

            if ($.inArray(settings.mode, ["gfm", "markdown"]) < 0) {
                return this;
            }

            if (settings.toolbar && toolbar) {
                toolbar.toggle();
                toolbar.find(".fa[name=preview]").toggleClass("active");
            }

            codeMirror.toggle();

            var escHandle = function (event) {
                if (event.shiftKey && event.keyCode === 27) {
                    _this.previewed();
                }
            };

            if (codeMirror.css("display") === "none") // 为了兼容Zepto，而不使用codeMirror.is(":hidden")
            {
                // this.state.preview = true;

                if (this.state.fullscreen) {
                    preview.css("background", "#fff");
                }

                editor.find("." + this.classPrefix + "preview-close-btn").show().bind(editormd.mouseOrTouch("click", "touchend"), function () {
                    _this.previewed();
                });

                if (!settings.watch) {
                    this.save();
                }
                else {
                    previewContainer.css("padding", "");
                }

                previewContainer.addClass(this.classPrefix + "preview-active");

                preview.show().css({
                    position: "",
                    top: 0,
                    width: editor.width(),
                    height: (settings.autoHeight && !this.state.fullscreen) ? "auto" : editor.height()
                });

                if (this.state.loaded) {
                    $.proxy(settings.onpreviewing, this)();
                }

                $(window).bind("keyup", escHandle);
            }
            else {
                $(window).unbind("keyup", escHandle);
                this.previewed();
            }
        },

        /**
         * 显示编辑器部分，退出只预览HTML
         * Exit preview html state
         * 
         * @returns {editormd}         返回editormd的实例对象
         */

        previewed: function () {

            var editor = this.editor;
            var preview = this.preview;
            var toolbar = this.toolbar;
            var settings = this.settings;
            var previewContainer = this.previewContainer;
            var previewCloseBtn = editor.find("." + this.classPrefix + "preview-close-btn");

            this.state.preview = false;

            this.codeMirror.show();

            if (settings.toolbar) {
                toolbar.show();
            }

            preview[(settings.watch) ? "show" : "hide"]();

            previewCloseBtn.hide().unbind(editormd.mouseOrTouch("click", "touchend"));

            previewContainer.removeClass(this.classPrefix + "preview-active");

            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
            });

            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";

            if (toolbar) {
                toolbar.find(".fa[name=fullscreen]").parent().toggleClass("active");
            }

            var escHandle = function (event) {
                if (!event.shiftKey && event.keyCode === 27) {
                    if (state.fullscreen) {
                        _this.fullscreenExit();
                    }
                }
            };

            if (!editor.hasClass(fullscreenClass)) {
                state.fullscreen = true;

                $("html,body").css("overflow", "hidden");

                editor.css({
                    width: $(window).width(),
                    height: $(window).height()
                }).addClass(fullscreenClass);

                this.resize();

                $.proxy(settings.onfullscreen, this)();

                $(window).bind("keyup", escHandle);
            }
            else {
                $(window).unbind("keyup", escHandle);
                this.fullscreenExit();
            }

            return this;
        },

        /**
         * 编辑器退出全屏显示
         * Exit fullscreen state
         * 
         * @returns {editormd}         返回editormd的实例对象
         */

        fullscreenExit: function () {

            var editor = this.editor;
            var settings = this.settings;
            var toolbar = this.toolbar;
            var fullscreenClass = this.classPrefix + "fullscreen";

            this.state.fullscreen = false;

            if (toolbar) {
                toolbar.find(".fa[name=fullscreen]").parent().removeClass("active");
            }

            $("html,body").css("overflow", "");

            editor.css({
                width: editor.data("oldWidth"),
                height: editor.data("oldHeight")
            }).removeClass(fullscreenClass);

            this.resize();

            $.proxy(settings.onfullscreenExit, this)();

            return this;
        },

        /**
         * 加载并执行插件
         * Load and execute the plugin
         * 
         * @param   {String}     name    plugin name / function name
         * @param   {String}     path    plugin load path
         * @returns {editormd}           返回editormd的实例对象
         */

        executePlugin: function (name, path) {

            var _this = this;
            var cm = this.cm;
            var settings = this.settings;

            path = settings.pluginPath + path;

            if (typeof define === "function") {
                if (typeof this[name] === "undefined") {
                    alert("Error: " + name + " plugin is not found, you are not load this plugin.");

                    return this;
                }

                this[name](cm);

                return this;
            }

            if ($.inArray(path, editormd.loadFiles.plugin) < 0) {
                editormd.loadPlugin(path, function () {
                    editormd.loadPlugins[name] = _this[name];
                    _this[name](cm);
                });
            }
            else {
                $.proxy(editormd.loadPlugins[name], this)(cm);
            }

            return this;
        },

        /**
         * 搜索替换
         * Search & replace
         * 
         * @param   {String}     command    CodeMirror serach commands, "find, fintNext, fintPrev, clearSearch, replace, replaceAll"
         * @returns {editormd}              return this
         */

        search: function (command) {
            var settings = this.settings;

            if (!settings.searchReplace) {
                alert("Error: settings.searchReplace == false");
                return this;
            }

            if (!settings.readOnly) {
                this.cm.execCommand(command || "find");
            }

            return this;
        },

        searchReplace: function () {
            this.search("replace");

            return this;
        },

        searchReplaceAll: function () {
            this.search("replaceAll");

            return this;
        }
    };

    editormd.fn.init.prototype = editormd.fn;

    /**
     * 锁屏
     * lock screen when dialog opening
     * 
     * @returns {void}
     */

    editormd.dialogLockScreen = function () {
        var settings = this.settings || { dialogLockScreen: true };

        if (settings.dialogLockScreen) {
            $("html,body").css("overflow", "hidden");
            this.resize();
        }
    };

    /**
     * 显示透明背景层
     * Display mask layer when dialog opening
     * 
     * @param   {Object}     dialog    dialog jQuery object
     * @returns {void}
     */

    editormd.dialogShowMask = function (dialog) {
        var editor = this.editor;
        var settings = this.settings || { dialogShowMask: true };

        dialog.css({
            top: ($(window).height() - dialog.height()) / 2 + "px",
            left: ($(window).width() - dialog.width()) / 2 + "px"
        });

        if (settings.dialogShowMask) {
            editor.children("." + this.classPrefix + "mask").css("z-index", parseInt(dialog.css("z-index")) - 1).show();
        }
    };

    editormd.toolbarHandlers = {
        undo: function () {
            this.cm.undo();
        },

        redo: function () {
            this.cm.redo();
        },

        bold: function () {
            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            cm.replaceSelection("**" + selection + "**");

            if (selection === "") {
                cm.setCursor(cursor.line, cursor.ch + 2);
            }
        },

        del: function () {
            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            cm.replaceSelection("~~" + selection + "~~");

            if (selection === "") {
                cm.setCursor(cursor.line, cursor.ch + 2);
            }
        },

        italic: function () {
            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            cm.replaceSelection("*" + selection + "*");

            if (selection === "") {
                cm.setCursor(cursor.line, cursor.ch + 1);
            }
        },

        quote: function () {
            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            if (cursor.ch !== 0) {
                cm.setCursor(cursor.line, 0);
                cm.replaceSelection("> " + selection);
                cm.setCursor(cursor.line, cursor.ch + 2);
            }
            else {
                cm.replaceSelection("> " + selection);
            }

            //cm.replaceSelection("> " + selection);
            //cm.setCursor(cursor.line, (selection === "") ? cursor.ch + 2 : cursor.ch + selection.length + 2);
        },

        ucfirst: function () {
            var cm = this.cm;
            var selection = cm.getSelection();
            var selections = cm.listSelections();

            cm.replaceSelection(editormd.firstUpperCase(selection));
            cm.setSelections(selections);
        },

        ucwords: function () {
            var cm = this.cm;
            var selection = cm.getSelection();
            var selections = cm.listSelections();

            cm.replaceSelection(editormd.wordsFirstUpperCase(selection));
            cm.setSelections(selections);
        },

        uppercase: function () {
            var cm = this.cm;
            var selection = cm.getSelection();
            var selections = cm.listSelections();

            cm.replaceSelection(selection.toUpperCase());
            cm.setSelections(selections);
        },

        lowercase: function () {
            var cm = this.cm;
            var 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();
            var selection = cm.getSelection();

            if (cursor.ch !== 0) {
                cm.setCursor(cursor.line, 0);
                cm.replaceSelection("# " + selection);
                cm.setCursor(cursor.line, cursor.ch + 2);
            }
            else {
                cm.replaceSelection("# " + selection);
            }
        },

        h2: function () {
            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            if (cursor.ch !== 0) {
                cm.setCursor(cursor.line, 0);
                cm.replaceSelection("## " + selection);
                cm.setCursor(cursor.line, cursor.ch + 3);
            }
            else {
                cm.replaceSelection("## " + selection);
            }
        },

        h3: function () {
            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            if (cursor.ch !== 0) {
                cm.setCursor(cursor.line, 0);
                cm.replaceSelection("### " + selection);
                cm.setCursor(cursor.line, cursor.ch + 4);
            }
            else {
                cm.replaceSelection("### " + selection);
            }
        },

        h4: function () {
            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            if (cursor.ch !== 0) {
                cm.setCursor(cursor.line, 0);
                cm.replaceSelection("#### " + selection);
                cm.setCursor(cursor.line, cursor.ch + 5);
            }
            else {
                cm.replaceSelection("#### " + selection);
            }
        },

        h5: function () {
            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            if (cursor.ch !== 0) {
                cm.setCursor(cursor.line, 0);
                cm.replaceSelection("##### " + selection);
                cm.setCursor(cursor.line, cursor.ch + 6);
            }
            else {
                cm.replaceSelection("##### " + selection);
            }
        },

        h6: function () {
            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            if (cursor.ch !== 0) {
                cm.setCursor(cursor.line, 0);
                cm.replaceSelection("###### " + selection);
                cm.setCursor(cursor.line, cursor.ch + 7);
            }
            else {
                cm.replaceSelection("###### " + selection);
            }
        },

        "list-ul": function () {
            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            if (selection === "") {
                cm.replaceSelection("- " + selection);
            }
            else {
                var selectionText = selection.split("\n");

                for (var i = 0, len = selectionText.length; i < len; i++) {
                    selectionText[i] = (selectionText[i] === "") ? "" : "- " + selectionText[i];
                }

                cm.replaceSelection(selectionText.join("\n"));
            }
        },

        "list-ol": function () {
            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            if (selection === "") {
                cm.replaceSelection("1. " + selection);
            }
            else {
                var selectionText = selection.split("\n");

                for (var i = 0, len = selectionText.length; i < len; i++) {
                    selectionText[i] = (selectionText[i] === "") ? "" : (i + 1) + ". " + selectionText[i];
                }

                cm.replaceSelection(selectionText.join("\n"));
            }
        },

        hr: function () {
            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            cm.replaceSelection(((cursor.ch !== 0) ? "\n\n" : "\n") + "------------\n\n");
        },

        tex: function () {
            if (!this.settings.tex) {
                alert("settings.tex === false");
                return this;
            }

            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            cm.replaceSelection("$$" + selection + "$$");

            if (selection === "") {
                cm.setCursor(cursor.line, cursor.ch + 2);
            }
        },

        link: function () {
            this.executePlugin("linkDialog", "link-dialog/link-dialog");
        },

        "reference-link": function () {
            this.executePlugin("referenceLinkDialog", "reference-link-dialog/reference-link-dialog");
        },

        pagebreak: function () {
            if (!this.settings.pageBreak) {
                alert("settings.pageBreak === false");
                return this;
            }

            var cm = this.cm;
            var selection = cm.getSelection();

            cm.replaceSelection("\r\n[========]\r\n");
        },

        image: function () {
            this.executePlugin("imageDialog", "image-dialog/image-dialog");
        },

        code: function () {
            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            cm.replaceSelection("`" + selection + "`");

            if (selection === "") {
                cm.setCursor(cursor.line, cursor.ch + 1);
            }
        },

        "code-block": function () {
            this.executePlugin("codeBlockDialog", "code-block-dialog/code-block-dialog");
        },

        "preformatted-text": function () {
            this.executePlugin("preformattedTextDialog", "preformatted-text-dialog/preformatted-text-dialog");
        },

        table: function () {
            this.executePlugin("tableDialog", "table-dialog/table-dialog");
        },

        datetime: function () {
            var cm = this.cm;
            var 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");

            cm.replaceSelection(datefmt);
        },

        emoji: function () {
            this.executePlugin("emojiDialog", "emoji-dialog/emoji-dialog");
        },

        "html-entities": function () {
            this.executePlugin("htmlEntitiesDialog", "html-entities-dialog/html-entities-dialog");
        },

        "goto-line": function () {
            this.executePlugin("gotoLineDialog", "goto-line-dialog/goto-line-dialog");
        },

        watch: function () {
            this[this.settings.watch ? "unwatch" : "watch"]();
        },

        preview: function () {
            this.previewing();
        },

        fullscreen: function () {
            this.fullscreen();
        },

        clear: function () {
            this.clear();
        },

        search: function () {
            this.search();
        },

        help: function () {
            this.executePlugin("helpDialog", "help-dialog/help-dialog");
        },

        info: function () {
            this.showInfoDialog();
        }
    };

    editormd.keyMaps = {
        "Ctrl-1": "h1",
        "Ctrl-2": "h2",
        "Ctrl-3": "h3",
        "Ctrl-4": "h4",
        "Ctrl-5": "h5",
        "Ctrl-6": "h6",
        "Ctrl-B": "bold",  // if this is string ==  editormd.toolbarHandlers.xxxx
        "Ctrl-D": "datetime",

        "Ctrl-E": function () { // emoji
            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            if (!this.settings.emoji) {
                alert("Error: settings.emoji == false");
                return;
            }

            cm.replaceSelection(":" + selection + ":");

            if (selection === "") {
                cm.setCursor(cursor.line, cursor.ch + 1);
            }
        },
        "Ctrl-Alt-G": "goto-line",
        "Ctrl-H": "hr",
        "Ctrl-I": "italic",
        "Ctrl-K": "code",

        "Ctrl-L": function () {
            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            var title = (selection === "") ? "" : " \"" + selection + "\"";

            cm.replaceSelection("[" + selection + "](" + title + ")");

            if (selection === "") {
                cm.setCursor(cursor.line, cursor.ch + 1);
            }
        },
        "Ctrl-U": "list-ul",

        "Shift-Ctrl-A": function () {
            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            if (!this.settings.atLink) {
                alert("Error: settings.atLink == false");
                return;
            }

            cm.replaceSelection("@" + selection);

            if (selection === "") {
                cm.setCursor(cursor.line, cursor.ch + 1);
            }
        },

        "Shift-Ctrl-C": "code",
        "Shift-Ctrl-Q": "quote",
        "Shift-Ctrl-S": "del",
        "Shift-Ctrl-K": "tex",  // KaTeX

        "Shift-Alt-C": function () {
            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            cm.replaceSelection(["```", selection, "```"].join("\n"));

            if (selection === "") {
                cm.setCursor(cursor.line, cursor.ch + 3);
            }
        },

        "Shift-Ctrl-Alt-C": "code-block",
        "Shift-Ctrl-H": "html-entities",
        "Shift-Alt-H": "help",
        "Shift-Ctrl-E": "emoji",
        "Shift-Ctrl-U": "uppercase",
        "Shift-Alt-U": "ucwords",
        "Shift-Ctrl-Alt-U": "ucfirst",
        "Shift-Alt-L": "lowercase",

        "Shift-Ctrl-I": function () {
            var cm = this.cm;
            var cursor = cm.getCursor();
            var selection = cm.getSelection();

            var title = (selection === "") ? "" : " \"" + selection + "\"";

            cm.replaceSelection("![" + selection + "](" + title + ")");

            if (selection === "") {
                cm.setCursor(cursor.line, cursor.ch + 4);
            }
        },

        "Shift-Ctrl-Alt-I": "image",
        "Shift-Ctrl-L": "link",
        "Shift-Ctrl-O": "list-ol",
        "Shift-Ctrl-P": "preformatted-text",
        "Shift-Ctrl-T": "table",
        "Shift-Alt-P": "pagebreak",
        "F9": "watch",
        "F10": "preview",
        "F11": "fullscreen",
    };

    /**
     * 清除字符串两边的空格
     * Clear the space of strings both sides.
     * 
     * @param   {String}    str            string
     * @returns {String}                   trimed string    
     */

    var trim = function (str) {
        return (!String.prototype.trim) ? str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "") : str.trim();
    };

    editormd.trim = trim;

    /**
     * 所有单词首字母大写
     * Words first to uppercase
     * 
     * @param   {String}    str            string
     * @returns {String}                   string
     */

    var ucwords = function (str) {
        return str.toLowerCase().replace(/\b(\w)|\s(\w)/g, function ($1) {
            return $1.toUpperCase();
        });
    };

    editormd.ucwords = editormd.wordsFirstUpperCase = ucwords;

    /**
     * 字符串首字母大写
     * Only string first char to uppercase
     * 
     * @param   {String}    str            string
     * @returns {String}                   string
     */

    var firstUpperCase = function (str) {
        return str.toLowerCase().replace(/\b(\w)/, function ($1) {
            return $1.toUpperCase();
        });
    };

    var ucfirst = firstUpperCase;

    editormd.firstUpperCase = editormd.ucfirst = firstUpperCase;

    editormd.urls = {
        atLinkBase: "https://github.com/"
    };

    editormd.regexs = {
        atLink: /@(\w+)/g,
        email: /(\w+)@(\w+)\.(\w+)\.?(\w+)?/g,
        emailLink: /(mailto:)?([\w\.\_]+)@(\w+)\.(\w+)\.?(\w+)?/g,
        emoji: /:([\w\+-]+):/g,
        emojiDatetime: /(\d{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/",
        path: "/editormd/emoji/",

        ext: ".png"
    };

    // Twitter Emoji (Twemoji)  graphics files url path    
    editormd.twemoji = {
        path: "http://twemoji.maxcdn.com/36x36/",
        ext: ".png"
    };

    /**
     * 自定义marked的解析器
     * Custom Marked renderer rules
     * 
     * @param   {Array}    markdownToC     传入用于接收TOC的数组
     * @returns {Renderer} markedRenderer  返回marked的Renderer自定义对象
     */

    editormd.markedRenderer = function (markdownToC, options) {
        var defaults = {
            toc: true,           // Table of contents
            tocm: false,
            tocStartLevel: 1,              // Said from H1 to create ToC  
            pageBreak: true,
            atLink: true,           // for @link
            emailLink: true,           // for mail address auto link
            taskList: false,          // Enable Github Flavored Markdown task lists
            emoji: false,          // :emoji: , Support Twemoji, fontAwesome, Editor.md logo emojis.
            tex: false,          // TeX(LaTeX), based on KaTeX
            flowChart: false,          // flowChart.js only support IE9+
            sequenceDiagram: false,          // sequenceDiagram.js only support IE9+
        };

        var settings = $.extend(defaults, options || {});
        var marked = editormd.$marked;
        var markedRenderer = new marked.Renderer();
        markdownToC = markdownToC || [];

        var regexs = editormd.regexs;
        var atLinkReg = regexs.atLink;
        var emojiReg = regexs.emoji;
        var emailReg = regexs.email;
        var emailLinkReg = regexs.emailLink;
        var twemojiReg = regexs.twemoji;
        var faIconReg = regexs.fontAwesome;
        var editormdLogoReg = regexs.editormdLogo;
        var pageBreakReg = regexs.pageBreak;

        markedRenderer.emoji = function (text) {

            text = text.replace(editormd.regexs.emojiDatetime, function ($1) {
                return $1.replace(/:/g, "&#58;");
            });

            var matchs = text.match(emojiReg);

            if (!matchs || !settings.emoji) {
                return text;
            }

            for (var i = 0, len = matchs.length; i < len; i++) {
                if (matchs[i] === ":+1:") {
                    matchs[i] = ":\\+1:";
                }

                text = text.replace(new RegExp(matchs[i]), function ($1, $2) {
                    var faMatchs = $1.match(faIconReg);
                    var name = $1.replace(/:/g, "");

                    if (faMatchs) {
                        for (var fa = 0, len1 = faMatchs.length; fa < len1; fa++) {
                            var faName = faMatchs[fa].replace(/:/g, "");

                            return "<i class=\"fa " + faName + " fa-emoji\" title=\"" + faName.replace("fa-", "") + "\"></i>";
                        }
                    }
                    else {
                        var emdlogoMathcs = $1.match(editormdLogoReg);
                        var twemojiMatchs = $1.match(twemojiReg);

                        if (emdlogoMathcs) {
                            for (var x = 0, len2 = emdlogoMathcs.length; x < len2; x++) {
                                var logoName = emdlogoMathcs[x].replace(/:/g, "");
                                return "<i class=\"" + logoName + "\" title=\"Editor.md logo (" + logoName + ")\"></i>";
                            }
                        }
                        else if (twemojiMatchs) {
                            for (var t = 0, len3 = twemojiMatchs.length; t < len3; t++) {
                                var twe = twemojiMatchs[t].replace(/:/g, "").replace("tw-", "");
                                return "<img src=\"" + editormd.twemoji.path + twe + editormd.twemoji.ext + "\" title=\"twemoji-" + twe + "\" alt=\"twemoji-" + twe + "\" class=\"emoji twemoji\" />";
                            }
                        }
                        else {
                            var src = (name === "+1") ? "plus1" : name;
                            src = (src === "black_large_square") ? "black_square" : src;
                            src = (src === "moon") ? "waxing_gibbous_moon" : src;

                            return "<img src=\"" + editormd.emoji.path + src + editormd.emoji.ext + "\" class=\"emoji\" title=\"&#58;" + name + "&#58;\" alt=\"&#58;" + name + "&#58;\" />";
                        }
                    }
                });
            }

            return text;
        };

        markedRenderer.atLink = function (text) {

            if (atLinkReg.test(text)) {
                if (settings.atLink) {
                    text = text.replace(emailReg, function ($1, $2, $3, $4) {
                        return $1.replace(/@/g, "_#_&#64;_#_");
                    });

                    text = text.replace(atLinkReg, function ($1, $2) {
                        return "<a href=\"" + editormd.urls.atLinkBase + "" + $2 + "\" title=\"&#64;" + $2 + "\" class=\"at-link\">" + $1 + "</a>";
                    }).replace(/_#_&#64;_#_/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) ? "<a href=\"mailto:" + $1 + "\">" + $1 + "</a>" : $1;
                    });
                }

                return text;
            }

            return text;
        };

        markedRenderer.link = function (href, title, text) {

            if (this.options.sanitize) {
                try {
                    var prot = decodeURIComponent(unescape(href)).replace(/[^\w:]/g, "").toLowerCase();
                } catch (e) {
                    return "";
                }

                if (prot.indexOf("javascript:") === 0) {
                    return "";
                }
            }

            var out = "<a href=\"" + href + "\"";

            if (atLinkReg.test(title) || atLinkReg.test(text)) {
                if (title) {
                    out += " title=\"" + title.replace(/@/g, "&#64;");
                }

                return out + "\">" + text.replace(/@/g, "&#64;") + "</a>";
            }

            if (title) {
                out += " title=\"" + title + "\"";
            }

            out += ">" + text + "</a>";

            return out;
        };

        markedRenderer.heading = function (text, level, raw) {

            var linkText = text;
            var hasLinkReg = /\s*\<a\s*href\=\"(.*)\"\s*([^\>]*)\>(.*)\<\/a\>\s*/;
            var getLinkTextReg = /\s*\<a\s*([^\>]+)\>([^\>]*)\<\/a\>\s*/g;

            if (hasLinkReg.test(text)) {
                var tempText = [];
                text = text.split(/\<a\s*([^\>]+)\>([^\>]*)\<\/a\>/);

                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 toc = {
                text: text,
                level: level,
                slug: escapedText
            };

            var isChinese = /^[\u4e00-\u9fa5]+$/.test(text);
            var id = (isChinese) ? escape(text).replace(/\%/g, "") : text.toLowerCase().replace(/[^\w]+/g, "-");

            markdownToC.push(toc);

            var headingHTML = "<h" + level + " id=\"h" + level + "-" + this.options.headerPrefix + id + "\">";

            headingHTML += "<a name=\"" + text + "\" class=\"reference-link\"></a>";
            headingHTML += "<span class=\"header-link octicon octicon-link\"></span>";
            headingHTML += (hasLinkReg) ? this.atLink(this.emoji(linkText)) : this.atLink(this.emoji(text));
            headingHTML += "</h" + level + ">";

            return headingHTML;
        };

        markedRenderer.pageBreak = function (text) {
            if (pageBreakReg.test(text) && settings.pageBreak) {
                text = "<hr style=\"page-break-after:always;\" class=\"page-break editormd-page-break\" />";
            }

            return text;
        };

        markedRenderer.paragraph = function (text) {
            var isTeXInline = /\$\$(.*)\$\$/g.test(text);
            var isTeXLine = /^\$\$(.*)\$\$$/.test(text);
            var isTeXAddClass = (isTeXLine) ? " class=\"" + editormd.classNames.tex + "\"" : "";
            var isToC = (settings.tocm) ? /^(\[TOC\]|\[TOCM\])$/.test(text) : /^\[TOC\]$/.test(text);
            var isToCMenu = /^\[TOCM\]$/.test(text);

            if (!isTeXLine && isTeXInline) {
                text = text.replace(/(\$\$([^\$]*)\$\$)+/g, function ($1, $2) {
                    return "<span class=\"" + editormd.classNames.tex + "\">" + $2.replace(/\$/g, "") + "</span>";
                });
            }
            else {
                text = (isTeXLine) ? text.replace(/\$/g, "") : text;
            }

            var tocHTML = "<div class=\"markdown-toc editormd-markdown-toc\">" + text + "</div>";

            return (isToC) ? ((isToCMenu) ? "<div class=\"editormd-toc-menu\">" + tocHTML + "</div><br/>" : tocHTML)
                : ((pageBreakReg.test(text)) ? this.pageBreak(text) : "<p" + isTeXAddClass + ">" + this.atLink(this.emoji(text)) + "</p>\n");
        };

        markedRenderer.code = function (code, lang, escaped) {

            if (lang === "seq" || lang === "sequence") {
                return "<div class=\"sequence-diagram\">" + code + "</div>";
            }
            else if (lang === "flow") {
                return "<div class=\"flowchart\">" + code + "</div>";
            }
            else if (lang === "math" || lang === "latex" || lang === "katex") {
                return "<p class=\"" + editormd.classNames.tex + "\">" + code + "</p>";
            }
            else {

                return marked.Renderer.prototype.code.apply(this, arguments);
            }
        };

        markedRenderer.tablecell = function (content, flags) {
            var type = (flags.header) ? "th" : "td";
            var tag = (flags.align) ? "<" + type + " style=\"text-align:" + flags.align + "\">" : "<" + type + ">";

            return tag + this.atLink(this.emoji(content)) + "</" + type + ">\n";
        };

        markedRenderer.listitem = function (text) {
            if (settings.taskList && /^\s*\[[x\s]\]\s*/.test(text)) {
                text = text.replace(/^\s*\[\s\]\s*/, "<input type=\"checkbox\" class=\"task-list-item-checkbox\" /> ")
                    .replace(/^\s*\[x\]\s*/, "<input type=\"checkbox\" class=\"task-list-item-checkbox\" checked disabled /> ");

                return "<li style=\"list-style: none;\">" + this.atLink(this.emoji(text)) + "</li>";
            }
            else {
                return "<li>" + this.atLink(this.emoji(text)) + "</li>";
            }
        };

        return markedRenderer;
    };

    /**
     *
     * 生成TOC(Table of Contents)
     * Creating ToC (Table of Contents)
     * 
     * @param   {Array}    toc             从marked获取的TOC数组列表
     * @param   {Element}  container       插入TOC的容器元素
     * @param   {Integer}  startLevel      Hx 起始层级
     * @returns {Object}   tocContainer    返回ToC列表容器层的jQuery对象元素
     */

    editormd.markdownToCRenderer = function (toc, container, tocDropdown, startLevel) {

        var html = "";
        var lastLevel = 0;
        var classPrefix = this.classPrefix;

        startLevel = startLevel || 1;

        for (var i = 0, len = toc.length; i < len; i++) {
            var text = toc[i].text;
            var level = toc[i].level;

            if (level < startLevel) {
                continue;
            }

            if (level > lastLevel) {
                html += "";
            }
            else if (level < lastLevel) {
                html += (new Array(lastLevel - level + 2)).join("</ul></li>");
            }
            else {
                html += "</ul></li>";
            }

            html += "<li><a class=\"toc-level-" + level + "\" href=\"#" + text + "\" level=\"" + level + "\">" + text + "</a><ul>";
            lastLevel = level;
        }

        var tocContainer = container.find(".markdown-toc");

        if ((tocContainer.length < 1 && container.attr("previewContainer") === "false")) {
            var tocHTML = "<div class=\"markdown-toc " + classPrefix + "markdown-toc\"></div>";

            tocHTML = (tocDropdown) ? "<div class=\"" + classPrefix + "toc-menu\">" + tocHTML + "</div>" : tocHTML;

            container.html(tocHTML);

            tocContainer = container.find(".markdown-toc");
        }

        if (tocDropdown) {
            tocContainer.wrap("<div class=\"" + classPrefix + "toc-menu\"></div><br/>");
        }

        tocContainer.html("<ul class=\"markdown-toc-list\"></ul>").children(".markdown-toc-list").html(html.replace(/\r?\n?\<ul\>\<\/ul\>/g, ""));

        return tocContainer;
    };

    /**
     *
     * 生成TOC下拉菜单
     * Creating ToC dropdown menu
     * 
     * @param   {Object}   container       插入TOC的容器jQuery对象元素
     * @param   {String}   tocTitle        ToC title
     * @returns {Object}                   return toc-menu object
     */

    editormd.tocDropdownMenu = function (container, tocTitle) {

        tocTitle = tocTitle || "Table of Contents";

        var zindex = 400;
        var tocMenus = container.find("." + this.classPrefix + "toc-menu");

        tocMenus.each(function () {
            var $this = $(this);
            var toc = $this.children(".markdown-toc");
            var icon = "<i class=\"fa fa-angle-down\"></i>";
            var btn = "<a href=\"javascript:;\" class=\"toc-menu-btn\">" + icon + tocTitle + "</a>";
            var menu = toc.children("ul");
            var list = menu.find("li");

            toc.append(btn);

            list.first().before("<li><h1>" + tocTitle + " " + icon + "</h1></li>");

            $this.mouseover(function () {
                menu.show();

                list.each(function () {
                    var li = $(this);
                    var ul = li.children("ul");

                    if (ul.html() === "") {
                        ul.remove();
                    }

                    if (ul.length > 0 && ul.html() !== "") {
                        var firstA = li.children("a").first();

                        if (firstA.children(".fa").length < 1) {
                            firstA.append($(icon).css({ float: "right", paddingTop: "4px" }));
                        }
                    }

                    li.mouseover(function () {
                        ul.css("z-index", zindex).show();
                        zindex += 1;
                    }).mouseleave(function () {
                        ul.hide();
                    });
                });
            }).mouseleave(function () {
                menu.hide();
            });
        });

        return tocMenus;
    };

    /**
     * 简单地过滤指定的HTML标签
     * Filter custom html tags
     * 
     * @param   {String}   html          要过滤HTML
     * @param   {String}   filters       要过滤的标签
     * @returns {String}   html          返回过滤的HTML
     */

    editormd.filterHTMLTags = function (html, filters) {

        if (typeof html !== "string") {
            html = new String(html);
        }

        if (typeof filters !== "string") {
            return html;
        }

        var expression = filters.split("|");
        var filterTags = expression[0].split(",");
        var attrs = expression[1];

        for (var i = 0, len = filterTags.length; i < len; i++) {
            var tag = filterTags[i];

            html = html.replace(new RegExp("\<\s*" + tag + "\s*([^\>]*)\>([^\>]*)\<\s*\/" + tag + "\s*\>", "igm"), "");
        }

        //return html;

        if (typeof attrs !== "undefined") {
            var htmlTagRegex = /\<(\w+)\s*([^\>]*)\>([^\>]*)\<\/(\w+)\>/ig;

            if (attrs === "*") {
                html = html.replace(htmlTagRegex, function ($1, $2, $3, $4, $5) {
                    return "<" + $2 + ">" + $4 + "</" + $5 + ">";
                });
            }
            else if (attrs === "on*") {
                html = html.replace(htmlTagRegex, function ($1, $2, $3, $4, $5) {
                    var el = $("<" + $2 + ">" + $4 + "</" + $5 + ">");
                    var _attrs = $($1)[0].attributes;
                    var $attrs = {};

                    $.each(_attrs, function (i, e) {
                        if (e.nodeName !== '"') $attrs[e.nodeName] = e.nodeValue;
                    });

                    $.each($attrs, function (i) {
                        if (i.indexOf("on") === 0) {
                            delete $attrs[i];
                        }
                    });

                    el.attr($attrs);

                    var text = (typeof el[1] !== "undefined") ? $(el[1]).text() : "";

                    return el[0].outerHTML + text;
                });
            }
            else {
                html = html.replace(htmlTagRegex, function ($1, $2, $3, $4) {
                    var filterAttrs = attrs.split(",");
                    var el = $($1);
                    el.html($4);

                    $.each(filterAttrs, function (i) {
                        el.attr(filterAttrs[i], null);
                    });

                    return el[0].outerHTML;
                });
            }
        }

        return html;
    };

    /**
     * 将Markdown文档解析为HTML用于前台显示
     * Parse Markdown to HTML for Font-end preview.
     * 
     * @param   {String}   id            用于显示HTML的对象ID
     * @param   {Object}   [options={}]  配置选项，可选
     * @returns {Object}   div           返回jQuery对象元素
     */

    editormd.markdownToHTML = function (id, options) {
        var defaults = {
            gfm: true,
            toc: true,
            tocm: false,
            tocStartLevel: 1,
            tocTitle: "目录",
            tocDropdown: false,
            tocContainer: "",
            markdown: "",
            markdownSourceCode: false,
            htmlDecode: false,
            autoLoadKaTeX: true,
            pageBreak: true,
            atLink: true,    // for @link
            emailLink: true,    // for mail address auto link
            tex: false,
            taskList: false,   // Github Flavored Markdown task lists
            emoji: false,
            flowChart: false,
            sequenceDiagram: false,
            previewCodeHighlight: true
        };

        editormd.$marked = marked;

        var div = $("#" + id);
        var settings = div.settings = $.extend(true, defaults, options || {});
        var saveTo = div.find("textarea");

        if (saveTo.length < 1) {
            div.append("<textarea></textarea>");
            saveTo = div.find("textarea");
        }

        var markdownDoc = (settings.markdown === "") ? saveTo.val() : settings.markdown;
        var markdownToC = [];

        var rendererOptions = {
            toc: settings.toc,
            tocm: settings.tocm,
            tocStartLevel: settings.tocStartLevel,
            taskList: settings.taskList,
            emoji: settings.emoji,
            tex: settings.tex,
            pageBreak: settings.pageBreak,
            atLink: settings.atLink,           // for @link
            emailLink: settings.emailLink,        // for mail address auto link
            flowChart: settings.flowChart,
            sequenceDiagram: settings.sequenceDiagram,
            previewCodeHighlight: settings.previewCodeHighlight,
        };

        var markedOptions = {
            renderer: editormd.markedRenderer(markdownToC, rendererOptions),
            gfm: settings.gfm,
            tables: true,
            breaks: true,
            pedantic: false,
            sanitize: (settings.htmlDecode) ? false : true, // 是否忽略HTML标签，即是否开启HTML标签解析，为了安全性，默认不开启
            smartLists: true,
            smartypants: true
        };

        markdownDoc = 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 !== "") {
            tocContainer.attr("previewContainer", false);
        }

        if (settings.toc) {
            div.tocContainer = this.markdownToCRenderer(markdownToC, tocContainer, settings.tocDropdown, settings.tocStartLevel);

            if (settings.tocDropdown || div.find("." + this.classPrefix + "toc-menu").length > 0) {
                this.tocDropdownMenu(div, settings.tocTitle);
            }

            if (settings.tocContainer !== "") {
                div.find(".editormd-toc-menu, .editormd-markdown-toc").remove();
            }
        }

        if (settings.previewCodeHighlight) {
            div.find("pre").addClass("prettyprint linenums");
            prettyPrint();
        }

        if (!editormd.isIE8) {
            if (settings.flowChart) {
                div.find(".flowchart").flowChart();
            }

            if (settings.sequenceDiagram) {
                div.find(".sequence-diagram").sequenceDiagram({ theme: "simple" });
            }
        }

        if (settings.tex) {
            var katexHandle = function () {
                div.find("." + editormd.classNames.tex).each(function () {
                    var tex = $(this);
                    katex.render(tex.text(), tex[0]);
                    tex.find(".katex").css("font-size", "1.0em");
                });
            };

            if (settings.autoLoadKaTeX && !editormd.$katex && !editormd.kaTeXLoaded) {
                this.loadKaTeX(function () {
                    editormd.$katex = katex;
                    editormd.kaTeXLoaded = true;
                    katexHandle();
                });
            }
            else {
                katexHandle();
            }
        }

        div.getMarkdown = function () {
            return saveTo.val();
        };

        return div;
    };

    // Editor.md themes, change toolbar themes etc.
    // added @1.5.0
    editormd.themes = ["default", "dark"];

    // Preview area themes
    // added @1.5.0
    editormd.previewThemes = ["default", "dark"];

    // CodeMirror / editor area themes
    // @1.5.0 rename -> editorThemes, old version -> themes
    editormd.editorThemes = [
        "default", "3024-day", "3024-night",
        "ambiance", "ambiance-mobile",
        "base16-dark", "base16-light", "blackboard",
        "cobalt",
        "eclipse", "elegant", "erlang-dark",
        "lesser-dark",
        "mbo", "mdn-like", "midnight", "monokai",
        "neat", "neo", "night",
        "paraiso-dark", "paraiso-light", "pastel-on-dark",
        "rubyblue",
        "solarized",
        "the-matrix", "tomorrow-night-eighties", "twilight",
        "vibrant-ink",
        "xq-dark", "xq-light"
    ];

    editormd.loadPlugins = {};

    editormd.loadFiles = {
        js: [],
        css: [],
        plugin: []
    };

    /**
     * 动态加载Editor.md插件，但不立即执行
     * Load editor.md plugins
     * 
     * @param {String}   fileName              插件文件路径
     * @param {Function} [callback=function()] 加载成功后执行的回调函数
     * @param {String}   [into="head"]         嵌入页面的位置
     */

    editormd.loadPlugin = function (fileName, callback, into) {
        callback = callback || function () { };

        this.loadScript(fileName, function () {
            editormd.loadFiles.plugin.push(fileName);
            callback();
        }, into);
    };

    /**
     * 动态加载CSS文件的方法
     * Load css file method
     * 
     * @param {String}   fileName              CSS文件名
     * @param {Function} [callback=function()] 加载成功后执行的回调函数
     * @param {String}   [into="head"]         嵌入页面的位置
     */

    editormd.loadCSS = function (fileName, callback, into) {
        into = into || "head";
        callback = callback || function () { };

        var css = document.createElement("link");
        css.type = "text/css";
        css.rel = "stylesheet";
        css.onload = css.onreadystatechange = function () {
            editormd.loadFiles.css.push(fileName);
            callback();
        };

        css.href = fileName + ".css";

        if (into === "head") {
            document.getElementsByTagName("head")[0].appendChild(css);
        } else {
            document.body.appendChild(css);
        }
    };

    editormd.isIE = (navigator.appName == "Microsoft Internet Explorer");
    editormd.isIE8 = (editormd.isIE && navigator.appVersion.match(/8./i) == "8.");

    /**
     * 动态加载JS文件的方法
     * Load javascript file method
     * 
     * @param {String}   fileName              JS文件名
     * @param {Function} [callback=function()] 加载成功后执行的回调函数
     * @param {String}   [into="head"]         嵌入页面的位置
     */

    editormd.loadScript = function (fileName, callback, into) {

        into = into || "head";
        callback = callback || function () { };

        var script = null;
        script = document.createElement("script");
        script.id = fileName.replace(/[\./]+/g, "-");
        script.type = "text/javascript";
        script.src = fileName + ".js";

        if (editormd.isIE8) {
            script.onreadystatechange = function () {
                if (script.readyState) {
                    if (script.readyState === "loaded" || script.readyState === "complete") {
                        script.onreadystatechange = null;
                        editormd.loadFiles.js.push(fileName);
                        callback();
                    }
                }
            };
        }
        else {
            script.onload = function () {
                editormd.loadFiles.js.push(fileName);
                callback();
            };
        }

        if (into === "head") {
            document.getElementsByTagName("head")[0].appendChild(script);
        } else {
            document.body.appendChild(script);
        }
    };

    // 使用国外的CDN，加载速度有时会很慢，或者自定义URL
    // You can custom KaTeX load url.
    editormd.katexURL = {
        css: "/katex/katex.min",
        js: "/katex/katex.min"
    };

    editormd.kaTeXLoaded = false;

    /**
     * 加载KaTeX文件
     * load KaTeX files
     * 
     * @param {Function} [callback=function()]  加载成功后执行的回调函数
     */

    editormd.loadKaTeX = function (callback) {
        editormd.loadCSS(editormd.katexURL.css, function () {
            editormd.loadScript(editormd.katexURL.js, callback || function () { });
        });
    };

    /**
     * 锁屏
     * lock screen
     * 
     * @param   {Boolean}   lock   Boolean 布尔值，是否锁屏
     * @returns {void}
     */

    editormd.lockScreen = function (lock) {
        $("html,body").css("overflow", (lock) ? "hidden" : "");
    };

    /**
     * 动态创建对话框
     * Creating custom dialogs
     * 
     * @param   {Object} options 配置项键值对 Key/Value
     * @returns {dialog} 返回创建的dialog的jQuery实例对象
     */

    editormd.createDialog = function (options) {
        var defaults = {
            name: "",
            width: 420,
            height: 240,
            title: "",
            drag: true,
            closed: true,
            content: "",
            mask: true,
            maskStyle: {
                backgroundColor: "#fff",
                opacity: 0.1
            },
            lockScreen: true,
            footer: true,
            buttons: false
        };

        options = $.extend(true, defaults, options);

        var $this = this;
        var editor = this.editor;
        var classPrefix = editormd.classPrefix;
        var guid = (new Date()).getTime();
        var dialogName = ((options.name === "") ? classPrefix + "dialog-" + guid : options.name);
        var mouseOrTouch = editormd.mouseOrTouch;

        var html = "<div class=\"" + classPrefix + "dialog " + dialogName + "\">";

        if (options.title !== "") {
            html += "<div class=\"" + classPrefix + "dialog-header\"" + ((options.drag) ? " style=\"cursor: move;\"" : "") + ">";
            html += "<strong class=\"" + classPrefix + "dialog-title\">" + options.title + "</strong>";
            html += "</div>";
        }

        if (options.closed) {
            html += "<a href=\"javascript:;\" class=\"fa fa-close " + classPrefix + "dialog-close\"></a>";
        }

        html += "<div class=\"" + classPrefix + "dialog-container\">" + options.content;

        if (options.footer || typeof options.footer === "string") {
            html += "<div class=\"" + classPrefix + "dialog-footer\">" + ((typeof options.footer === "boolean") ? "" : options.footer) + "</div>";
        }

        html += "</div>";

        html += "<div class=\"" + classPrefix + "dialog-mask " + classPrefix + "dialog-mask-bg\"></div>";
        html += "<div class=\"" + classPrefix + "dialog-mask " + classPrefix + "dialog-mask-con\"></div>";
        html += "</div>";

        editor.append(html);

        var dialog = editor.find("." + dialogName);

        dialog.lockScreen = function (lock) {
            if (options.lockScreen) {
                $("html,body").css("overflow", (lock) ? "hidden" : "");
                $this.resize();
            }

            return dialog;
        };

        dialog.showMask = function () {
            if (options.mask) {
                editor.find("." + classPrefix + "mask").css(options.maskStyle).css("z-index", editormd.dialogZindex - 1).show();
            }
            return dialog;
        };

        dialog.hideMask = function () {
            if (options.mask) {
                editor.find("." + classPrefix + "mask").hide();
            }

            return dialog;
        };

        dialog.loading = function (show) {
            var loading = dialog.find("." + classPrefix + "dialog-mask");
            loading[(show) ? "show" : "hide"]();

            return dialog;
        };

        dialog.lockScreen(true).showMask();

        dialog.show().css({
            zIndex: editormd.dialogZindex,
            border: (editormd.isIE8) ? "1px solid #ddd" : "",
            width: (typeof options.width === "number") ? options.width + "px" : options.width,
            height: (typeof options.height === "number") ? options.height + "px" : options.height
        });

        var dialogPosition = function () {
            dialog.css({
                top: ($(window).height() - dialog.height()) / 2 + "px",
                left: ($(window).width() - dialog.width()) / 2 + "px"
            });
        };

        dialogPosition();

        $(window).resize(dialogPosition);

        dialog.children("." + classPrefix + "dialog-close").bind(mouseOrTouch("click", "touchend"), function () {
            dialog.hide().lockScreen(false).hideMask();
        });

        if (typeof options.buttons === "object") {
            var footer = dialog.footer = dialog.find("." + classPrefix + "dialog-footer");

            for (var key in options.buttons) {
                var btn = options.buttons[key];
                var btnClassName = classPrefix + key + "-btn";

                footer.append("<button class=\"" + classPrefix + "btn " + btnClassName + "\">" + btn[0] + "</button>");
                btn[1] = $.proxy(btn[1], dialog);
                footer.children("." + btnClassName).bind(mouseOrTouch("click", "touchend"), btn[1]);
            }
        }

        if (options.title !== "" && options.drag) {
            var posX, posY;
            var dialogHeader = dialog.children("." + classPrefix + "dialog-header");

            if (!options.mask) {
                dialogHeader.bind(mouseOrTouch("click", "touchend"), function () {
                    editormd.dialogZindex += 2;
                    dialog.css("z-index", editormd.dialogZindex);
                });
            }

            dialogHeader.mousedown(function (e) {
                e = e || window.event;  //IE
                posX = e.clientX - parseInt(dialog[0].style.left);
                posY = e.clientY - parseInt(dialog[0].style.top);

                document.onmousemove = moveAction;
            });

            var userCanSelect = function (obj) {
                obj.removeClass(classPrefix + "user-unselect").off("selectstart");
            };

            var userUnselect = function (obj) {
                obj.addClass(classPrefix + "user-unselect").on("selectstart", function (event) { // selectstart for IE                        
                    return false;
                });
            };

            var moveAction = function (e) {
                e = e || window.event;  //IE

                var left, top, nowLeft = parseInt(dialog[0].style.left), nowTop = parseInt(dialog[0].style.top);

                if (nowLeft >= 0) {
                    if (nowLeft + dialog.width() <= $(window).width()) {
                        left = e.clientX - posX;
                    } else {
                        left = $(window).width() - dialog.width();
                        document.onmousemove = null;
                    }
                } else {
                    left = 0;
                    document.onmousemove = null;
                }

                if (nowTop >= 0) {
                    top = e.clientY - posY;
                } else {
                    top = 0;
                    document.onmousemove = null;
                }


                document.onselectstart = function () {
                    return false;
                };

                userUnselect($("body"));
                userUnselect(dialog);
                dialog[0].style.left = left + "px";
                dialog[0].style.top = top + "px";
            };

            document.onmouseup = function () {
                userCanSelect($("body"));
                userCanSelect(dialog);

                document.onselectstart = null;
                document.onmousemove = null;
            };

            dialogHeader.touchDraggable = function () {
                var offset = null;
                var start = function (e) {
                    var orig = e.originalEvent;
                    var pos = $(this).parent().position();

                    offset = {
                        x: orig.changedTouches[0].pageX - pos.left,
                        y: orig.changedTouches[0].pageY - pos.top
                    };
                };

                var move = function (e) {
                    e.preventDefault();
                    var orig = e.originalEvent;

                    $(this).parent().css({
                        top: orig.changedTouches[0].pageY - offset.y,
                        left: orig.changedTouches[0].pageX - offset.x
                    });
                };

                this.bind("touchstart", start).bind("touchmove", move);
            };

            dialogHeader.touchDraggable();
        }

        editormd.dialogZindex += 2;
        $("body").removeAttr("style");
        return dialog;
    };

    /**
     * 鼠标和触摸事件的判断/选择方法
     * MouseEvent or TouchEvent type switch
     * 
     * @param   {String} [mouseEventType="click"]    供选择的鼠标事件
     * @param   {String} [touchEventType="touchend"] 供选择的触摸事件
     * @returns {String} EventType                   返回事件类型名称
     */

    editormd.mouseOrTouch = function (mouseEventType, touchEventType) {
        mouseEventType = mouseEventType || "click";
        touchEventType = touchEventType || "touchend";

        var eventType = mouseEventType;

        try {
            document.createEvent("TouchEvent");
            eventType = touchEventType;
        } catch (e) { }

        return eventType;
    };

    /**
     * 日期时间的格式化方法
     * Datetime format method
     * 
     * @param   {String}   [format=""]  日期时间的格式，类似PHP的格式
     * @returns {String}   datefmt      返回格式化后的日期时间字符串
     */

    editormd.dateFormat = function (format) {
        format = format || "";

        var addZero = function (d) {
            return (d < 10) ? "0" + d : d;
        };

        var date = new Date();
        var year = date.getFullYear();
        var year2 = year.toString().slice(2, 4);
        var month = addZero(date.getMonth() + 1);
        var day = addZero(date.getDate());
        var weekDay = date.getDay();
        var hour = addZero(date.getHours());
        var min = addZero(date.getMinutes());
        var second = addZero(date.getSeconds());
        var ms = addZero(date.getMilliseconds());
        var datefmt = "";

        var ymd = year2 + "-" + month + "-" + day;
        var fymd = year + "-" + month + "-" + day;
        var hms = hour + ":" + min + ":" + second;

        switch (format) {
            case "UNIX Time":
                datefmt = date.getTime();
                break;

            case "UTC":
                datefmt = date.toUTCString();
                break;

            case "yy":
                datefmt = year2;
                break;

            case "year":
            case "yyyy":
                datefmt = year;
                break;

            case "month":
            case "mm":
                datefmt = month;
                break;

            case "cn-week-day":
            case "cn-wd":
                var cnWeekDays = ["日", "一", "二", "三", "四", "五", "六"];
                datefmt = "星期" + cnWeekDays[weekDay];
                break;

            case "week-day":
            case "wd":
                var weekDays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
                datefmt = weekDays[weekDay];
                break;

            case "day":
            case "dd":
                datefmt = day;
                break;

            case "hour":
            case "hh":
                datefmt = hour;
                break;

            case "min":
            case "ii":
                datefmt = min;
                break;

            case "second":
            case "ss":
                datefmt = second;
                break;

            case "ms":
                datefmt = ms;
                break;

            case "yy-mm-dd":
                datefmt = ymd;
                break;

            case "yyyy-mm-dd":
                datefmt = fymd;
                break;

            case "yyyy-mm-dd h:i:s ms":
            case "full + ms":
                datefmt = fymd + " " + hms + " " + ms;
                break;

            case "full":
            case "yyyy-mm-dd h:i:s":
            default:
                datefmt = fymd + " " + hms;
                break;
        }

        return datefmt;
    };

    return editormd;

}));

/**
   cm paste事件上传图片的封装
    event : paste事件的event
    action: 图片上传url
    callback: 图片上传xhr回调
 */
window._whenPasterDoUpload = function (event, action, callback) {
    var clipboardData = event.clipboardData,
        i = 0, items, item, types;
    if (clipboardData) {
        items = clipboardData.items;
        if (!items)
            return;
        item = items[0];
        // 保存在剪贴板中的数据类型
        types = clipboardData.types || [];

        for (; i < types.length; i++) {
            if (types[i] === 'Files') {
                item = items[i];
                break;
            }
        }
        // 判断是否为图片数据
        if (item && item.kind === 'file' && item.type.match(/^image\//i)) {
            // 读取该图片
            var file = item.getAsFile();
            var oMyForm = new FormData();
            oMyForm.append("editormd-image-file", file);
            oMyForm.append("file_param_name", "editormd-image-file");
            oMyForm.append("byxhr", "true");
            var xhr = new window.XMLHttpRequest();
            xhr.addEventListener("load",
                function (_xhr) {
                    var response = _xhr.target, json = JSON.parse(response.responseText);

                    if (json.success === 1) {
                        callback && callback(json)
                        // input.value=json.url;
                    }
                    else {
                        callback && callback(json)
                        console.log(json.message);
                    }
                }, false);
            xhr.addEventListener("error", function () { console.error("error"); }, false);
            xhr.open("POST", action);
            xhr.send(oMyForm);
        }
    }
}
function initEditormdPasteUpload(editormd, url, callback) {
    editormd.cm.getInputField().addEventListener("paste", function (event) {
        _whenPasterDoUpload(event, url, function (resJson) {
            // TODO 插入图片url到cm
            if (resJson.id) {
                editormd.cm.replaceSelection("![](/api/attachments/" + resJson.id + ")")
            }
        });
    })
}