vditor 3.8.5 → 3.8.9

package/dist/index.min.js

@@ -1,5 +1,5 @@
 /*!
- * Vditor v3.8.5 - A markdown editor written in TypeScript.
+ * Vditor v3.8.9 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -1797,12 +1797,8 @@ diff_match_patch.prototype.patch_make = function (a, opt_b, opt_c) {
   if (typeof a == 'string' && typeof opt_b == 'string' && typeof opt_c == 'undefined') {
     // Method 1: text1, text2
     // Compute diffs from text1 and text2.
-    text1 =
-    /** @type {string} */
-    a;
-    diffs = this.diff_main(text1,
-    /** @type {string} */
-    opt_b, true);
+    text1 = a;
+    diffs = this.diff_main(text1, opt_b, true);
 
     if (diffs.length > 2) {
       this.diff_cleanupSemantic(diffs);
@@ -1811,27 +1807,17 @@ diff_match_patch.prototype.patch_make = function (a, opt_b, opt_c) {
   } else if (a && typeof a == 'object' && typeof opt_b == 'undefined' && typeof opt_c == 'undefined') {
     // Method 2: diffs
     // Compute text1 from diffs.
-    diffs =
-    /** @type {!Array.<!diff_match_patch.Diff>} */
-    a;
+    diffs = a;
     text1 = this.diff_text1(diffs);
   } else if (typeof a == 'string' && opt_b && typeof opt_b == 'object' && typeof opt_c == 'undefined') {
     // Method 3: text1, diffs
-    text1 =
-    /** @type {string} */
-    a;
-    diffs =
-    /** @type {!Array.<!diff_match_patch.Diff>} */
-    opt_b;
+    text1 = a;
+    diffs = opt_b;
   } else if (typeof a == 'string' && typeof opt_b == 'string' && opt_c && typeof opt_c == 'object') {
     // Method 4: text1, text2, diffs
     // text2 is not used.
-    text1 =
-    /** @type {string} */
-    a;
-    diffs =
-    /** @type {!Array.<!diff_match_patch.Diff>} */
-    opt_c;
+    text1 = a;
+    diffs = opt_c;
   } else {
     throw new Error('Unknown call format to patch_make.');
   }
@@ -2427,6 +2413,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ./src/ts/markdown/abcRender.ts
 var abcRender = __webpack_require__(369);
+// EXTERNAL MODULE: ./src/ts/markdown/adapterRender.ts
+var adapterRender = __webpack_require__(46);
 // EXTERNAL MODULE: ./src/ts/markdown/chartRender.ts
 var chartRender = __webpack_require__(726);
 // EXTERNAL MODULE: ./src/ts/markdown/codeRender.ts
@@ -2734,7 +2722,7 @@ var md2html = function (mdText, options) {
     });
 };
 var previewRender = function (previewElement, markdown, options) { return __awaiter(void 0, void 0, void 0, function () {
-    var mergedOptions, html;
+    var mergedOptions, html, i18nScriptPrefix, i18nScriptID_1;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
@@ -2747,11 +2735,31 @@ var previewRender = function (previewElement, markdown, options) { return __awai
                 }
                 previewElement.innerHTML = html;
                 previewElement.classList.add("vditor-reset");
+                if (!!mergedOptions.i18n) return [3 /*break*/, 5];
+                if (!!["en_US", "ja_JP", "ko_KR", "ru_RU", "zh_CN", "zh_TW"].includes(mergedOptions.lang)) return [3 /*break*/, 2];
+                throw new Error("options.lang error, see https://ld246.com/article/1549638745630#options");
+            case 2:
+                i18nScriptPrefix = "vditorI18nScript";
+                i18nScriptID_1 = i18nScriptPrefix + mergedOptions.lang;
+                document.querySelectorAll("head script[id^=\"" + i18nScriptPrefix + "\"]").forEach(function (el) {
+                    if (el.id !== i18nScriptID_1) {
+                        document.head.removeChild(el);
+                    }
+                });
+                return [4 /*yield*/, (0,addScript/* addScript */.G)(mergedOptions.cdn + "/dist/js/i18n/" + mergedOptions.lang + ".js", i18nScriptID_1)];
+            case 3:
+                _a.sent();
+                _a.label = 4;
+            case 4: return [3 /*break*/, 6];
+            case 5:
+                window.VditorI18n = mergedOptions.i18n;
+                _a.label = 6;
+            case 6:
                 (0,setContentTheme/* setContentTheme */.Z)(mergedOptions.theme.current, mergedOptions.theme.path);
                 if (mergedOptions.anchor === 1) {
                     previewElement.classList.add("vditor-reset--anchor");
                 }
-                (0,codeRender/* codeRender */.O)(previewElement, mergedOptions.lang);
+                (0,codeRender/* codeRender */.O)(previewElement);
                 (0,highlightRender/* highlightRender */.s)(mergedOptions.hljs, previewElement, mergedOptions.cdn);
                 (0,mathRender/* mathRender */.H)(previewElement, {
                     cdn: mergedOptions.cdn,
@@ -2766,7 +2774,7 @@ var previewRender = function (previewElement, markdown, options) { return __awai
                 (0,abcRender/* abcRender */.Q)(previewElement, mergedOptions.cdn);
                 (0,mediaRender/* mediaRender */.Y)(previewElement);
                 if (mergedOptions.speech.enable) {
-                    speechRender(previewElement, mergedOptions.lang);
+                    speechRender(previewElement);
                 }
                 if (mergedOptions.anchor !== 0) {
                     anchorRender(mergedOptions.anchor);
@@ -2818,10 +2826,13 @@ var setCodeTheme = __webpack_require__(968);
 
 
 
+
 var Vditor = /** @class */ (function () {
     function Vditor() {
     }
     /** 点击图片放大 */
+    Vditor.adapterRender = adapterRender;
+    /** 点击图片放大 */
     Vditor.previewImage = preview_image/* previewImage */.E;
     /** 为 element 中的代码块添加复制按钮 */
     Vditor.codeRender = codeRender/* codeRender */.O;
@@ -2874,7 +2885,7 @@ var Vditor = /** @class */ (function () {
 /* harmony export */   "H": () => (/* binding */ _VDITOR_VERSION),
 /* harmony export */   "g": () => (/* binding */ Constants)
 /* harmony export */ });
-var _VDITOR_VERSION = "3.8.5";
+var _VDITOR_VERSION = "3.8.9";
 
 var Constants = /** @class */ (function () {
     function Constants() {
@@ -2900,7 +2911,7 @@ var Constants = /** @class */ (function () {
         "swift", "ini", "typescript", "vbnet", "yaml",
         "ada", "clojure", "dart", "erb", "fortran", "gradle", "haskell", "julia", "julia-repl", "lisp", "matlab",
         "pgsql", "powershell", "sql_more", "stata", "cmake", "mathematica"];
-    Constants.CDN = "https://cdn.jsdelivr.net/npm/vditor@" + "3.8.5";
+    Constants.CDN = "https://cdn.jsdelivr.net/npm/vditor@" + "3.8.9";
     Constants.MARKDOWN_OPTIONS = {
         autoSpace: false,
         codeBlockPreview: true,
@@ -2940,493 +2951,6 @@ var Constants = /** @class */ (function () {
 
 
 
-/***/ }),
-
-/***/ 577:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "a": () => (/* binding */ i18n)
-/* harmony export */ });
-var i18n = {
-    en_US: {
-        "alignCenter": "Center",
-        "alignLeft": "Left",
-        "alignRight": "Right",
-        "alternateText": "Alternate text",
-        "bold": "Blod",
-        "both": "editor & preview",
-        "check": "Task List",
-        "close": "Close",
-        "code": "Code Block",
-        "code-theme": "Code Block Theme Preview",
-        "column": "Column",
-        "comment": "Comment",
-        "confirm": "Confirm",
-        "content-theme": "Content Theme Preview",
-        "copied": "Copied",
-        "copy": "Copy",
-        "delete-column": "Delete Row",
-        "delete-row": "Delete Column",
-        "devtools": "DevTools",
-        "down": "Down",
-        "downloadTip": "The browser does not support the download function",
-        "edit": "Edit",
-        "edit-mode": "Toggle Edit Mode",
-        "emoji": "Emoji",
-        "export": "Export",
-        "fileTypeError": "file type is error",
-        "footnoteRef": "Footnote Ref",
-        "fullscreen": "Toggle Fullscreen",
-        "generate": "Generating",
-        "headings": "Headings",
-        "help": "Help",
-        "imageURL": "image URL",
-        "indent": "Indent",
-        "info": "Info",
-        "inline-code": "Inline Code",
-        "insert-after": "Insert line after",
-        "insert-before": "Insert line Before",
-        "insertColumnLeft": "Insert 1 left",
-        "insertColumnRight": "Insert 1 right",
-        "insertRowAbove": "Insert 1 above",
-        "insertRowBelow": "Insert 1 below",
-        "instantRendering": "Instant Rendering",
-        "italic": "Italic",
-        "language": "Language",
-        "line": "Line",
-        "link": "Link",
-        "linkRef": "Link Ref",
-        "list": "List",
-        "more": "More",
-        "nameEmpty": "Name is empty",
-        "ordered-list": "Order List",
-        "outdent": "Outdent",
-        "outline": "Outline",
-        "over": "over",
-        "performanceTip": "Real-time preview requires ${x}ms, you can close it",
-        "preview": "Preview",
-        "quote": "Quote",
-        "record": "Start Record/End Record",
-        "record-tip": "The device does not support recording",
-        "recording": "recording...",
-        "redo": "Redo",
-        "remove": "Remove",
-        "row": "Row",
-        "spin": "Spin",
-        "splitView": "Split View",
-        "strike": "Strike",
-        "table": "Table",
-        "textIsNotEmpty": "text(no empty)",
-        "title": "Title",
-        "tooltipText": "Tooltip text",
-        "undo": "Undo",
-        "up": "Up",
-        "update": "Update",
-        "upload": "Upload image or file",
-        "uploadError": "upload error",
-        "uploading": "uploading...",
-        "wysiwyg": "WYSIWYG",
-    },
-    ja_JP: {
-        "alignCenter": "中央",
-        "alignLeft": "左側",
-        "alignRight": "右側",
-        "alternateText": "イメージタグ",
-        "bold": "太く",
-        "both": "エディター & プレビュー",
-        "check": "チェックリスト",
-        "close": "閉じる",
-        "code": "コードブロック挿入",
-        "code-theme": "コードブロックテーマ",
-        "column": "行列",
-        "comment": "コメント",
-        "confirm": "確認",
-        "content-theme": "コンテンツテーマ",
-        "copied": "コピー完了",
-        "copy": "コピー",
-        "delete-column": "列 消去",
-        "delete-row": "行 消去",
-        "devtools": "開発ツール",
-        "down": "ダウンロード",
-        "downloadTip": "ブラウザがダウンロード機能をサポートしていません。",
-        "edit": "修正",
-        "edit-mode": "編集モード",
-        "emoji": "絵文字",
-        "export": "書き出し",
-        "fileTypeError": "サポートしていません。",
-        "footnoteRef": "脚注参照",
-        "fullscreen": "全体画面",
-        "generate": "作成する",
-        "headings": "タイトル大きさ",
-        "help": "ヘルプ",
-        "imageURL": "イメージ URL",
-        "indent": "字下げ",
-        "info": "情報",
-        "inline-code": "インラインコード",
-        "insert-after": "ブロックの後ろに入力",
-        "insert-before": "ブロックの前に入力",
-        "insertColumnLeft": "左側に列を挿入",
-        "insertColumnRight": "右側に列を挿入",
-        "insertRowAbove": "上に行を挿入",
-        "insertRowBelow": "下に行を挿入",
-        "instantRendering": "インスタントレンダリング",
-        "italic": "斜体",
-        "language": "言語",
-        "line": "段落分割",
-        "link": "リンク",
-        "linkRef": "リンク参照",
-        "list": "リスト",
-        "more": "詳しく見る",
-        "nameEmpty": "名前が入力されていません。",
-        "ordered-list": "順序のあるリスト",
-        "outdent": "ぶら下げインデント",
-        "outline": "概要",
-        "over": "オーバー",
-        "performanceTip": "リアルタイムプレビューには、${x}msが必要でエディター/プレビューボタンをクリックして閉じる事が出来ます。",
-        "preview": "プレビュー",
-        "quote": "引用段落",
-        "record": "録音開始/録音終了",
-        "record-tip": "録音がサポートされていません。",
-        "recording": "録音中...",
-        "redo": "戻る",
-        "remove": "消去",
-        "row": "列",
-        "spin": "スピン",
-        "splitView": "マークダウン",
-        "strike": "取り消し線",
-        "table": "表 挿入",
-        "textIsNotEmpty": "テキスト(no empty)",
-        "title": "題名",
-        "tooltipText": "ツールチップ",
-        "undo": "取り消す",
-        "up": "戻る",
-        "update": "アップデート",
-        "upload": "イメージをダウンロードする",
-        "uploadError": "アップロード失敗",
-        "uploading": "アップロード中",
-        "wysiwyg": "ウィジウィグ",
-    },
-    ko_KR: {
-        "alignCenter": "가운데",
-        "alignLeft": "왼쪽",
-        "alignRight": "오른쪽",
-        "alternateText": "이미지 태그",
-        "bold": "굵게",
-        "both": "에디터 & 미리보기",
-        "check": "체크박스",
-        "close": "닫기",
-        "code": "코드블럭삽입",
-        "code-theme": "코드블럭테마",
-        "column": "행",
-        "comment": "코멘트",
-        "confirm": "확인",
-        "content-theme": "컨텐츠테마",
-        "copied": "복사완료",
-        "copy": "복사",
-        "delete-column": "열 삭제",
-        "delete-row": "행 삭제",
-        "devtools": "개발툴",
-        "down": "다운",
-        "downloadTip": "브라우저가 다운로드 기능을 지원하지 않습니다",
-        "edit": "수정",
-        "edit-mode": "편집모드",
-        "emoji": "이모지",
-        "export": "내보내기",
-        "fileTypeError": "지원하지않습니다.",
-        "footnoteRef": "각주참조",
-        "fullscreen": "전체화면",
-        "generate": "생성",
-        "headings": "제목크기",
-        "help": "도움말",
-        "imageURL": "이미지 URL",
-        "indent": "들여쓰기",
-        "info": "정보",
-        "inline-code": "인라인코드",
-        "insert-after": "블락 뒤로 입력",
-        "insert-before": "블락 앞으로 입력",
-        "insertColumnLeft": "왼쪽에 열 삽입",
-        "insertColumnRight": "오른쪽에 열 삽입",
-        "insertRowAbove": "위에 행 삽입",
-        "insertRowBelow": "아래에 행 삽입",
-        "instantRendering": "타이포라",
-        "italic": "기울임꼴",
-        "language": "언어",
-        "line": "문단나눔",
-        "link": "링크",
-        "linkRef": "링크 참조",
-        "list": "순서없는 목록",
-        "more": "더보기",
-        "nameEmpty": "이름이 비어있습니다.",
-        "ordered-list": "순서있는 목록",
-        "outdent": "내어쓰기",
-        "outline": "개요",
-        "over": "오버",
-        "performanceTip": "실시간 미리보기에는 ${x}ms가 필요하며 에디터/미리보기 버튼을 클릭하여 닫을 수 있습니다.",
-        "preview": "미리보기",
-        "quote": "인용단락",
-        "record": "녹음시작/녹음종료",
-        "record-tip": "녹음을 지원하지 않습니다.",
-        "recording": "녹음중...",
-        "redo": "되돌리기",
-        "remove": "삭제",
-        "row": "열",
-        "spin": "회전",
-        "splitView": "마크다운",
-        "strike": "취소선",
-        "table": "표삽입",
-        "textIsNotEmpty": "텍스트(no empty)",
-        "title": "표제",
-        "tooltipText": "툴팁",
-        "undo": "취소하기",
-        "up": "위로",
-        "update": "업데이트",
-        "upload": "이미지 업로드하기",
-        "uploadError": "업로드 실패",
-        "uploading": "업로드중...",
-        "wysiwyg": "위지위그",
-    },
-    ru_RU: {
-        "alignCenter": "Выровнять по центру",
-        "alignLeft": "Выровнять по левому краю",
-        "alignRight": "Выровнять по правому краю",
-        "alternateText": "Альтернативный текст",
-        "bold": "Полужирный текст",
-        "both": "Редактор с предпросмотром",
-        "check": "Список задач",
-        "close": "Закрыть",
-        "code": "Блок кода",
-        "code-theme": "Тема отображения блока кода",
-        "column": "Количество столбцов",
-        "comment": "Комментарий",
-        "confirm": "Подтвердить",
-        "content-theme": "Тема отображения контента",
-        "copied": "Скопировано",
-        "copy": "Копировать",
-        "delete-column": "Удалить столбец",
-        "delete-row": "Удалить строку",
-        "devtools": "Граф документа",
-        "down": "Переместить вниз",
-        "downloadTip": "Браузер не поддерживает функции загрузки",
-        "edit": "Редактирование",
-        "edit-mode": "Переключить режим редактирования",
-        "emoji": "Смайлы",
-        "export": "Экспорт",
-        "fileTypeError": "Ошибка типа файла",
-        "footnoteRef": "Сноска",
-        "fullscreen": "Переключиться на полный экран",
-        "generate": "Генерация",
-        "headings": "Заголовки",
-        "help": "Помощь",
-        "imageURL": "Ссылка на картинку",
-        "indent": "Отступ",
-        "info": "Информация о редакторе",
-        "inline-code": "Встроенный код ",
-        "insert-after": "Вставить линию после этой строки",
-        "insert-before": "Вставить линию перед этой строкой",
-        "insertColumnLeft": "Вставить столбец слева",
-        "insertColumnRight": "Вставить столбец справа",
-        "insertRowAbove": "Вставить строку сверху",
-        "insertRowBelow": "Вставить строку снизу",
-        "instantRendering": "Мгновенный рендеринг",
-        "italic": "Курсив",
-        "language": "Синтаксис",
-        "line": "Линия",
-        "link": "Ссылка",
-        "linkRef": "Вставить ссылку",
-        "list": "Список",
-        "more": "Дополнительно",
-        "nameEmpty": "Имя пустое",
-        "ordered-list": "Упорядоченный список",
-        "outdent": "Выступ",
-        "outline": "Содержание",
-        "over": "Над",
-        "performanceTip": "Предварительный просмотр в реальном времени требует ${x}мс, вы можете закрыть его",
-        "preview": "Предпросмотр",
-        "quote": "Цитата",
-        "record": "Начать запись/Завершить запись",
-        "record-tip": "Устройство не поддерживает запись",
-        "recording": "Запись...",
-        "redo": "Вернуть",
-        "remove": "Удалить",
-        "row": "Количество строк",
-        "spin": "Прокрутка",
-        "splitView": "Разделенный просмотр",
-        "strike": "Зачеркнутый текст",
-        "table": "Таблица",
-        "textIsNotEmpty": "Текст (непустой)",
-        "title": "Заголовок",
-        "tooltipText": "Текст всплывающей подсказки",
-        "undo": "Отменить",
-        "up": "Переместить вверх",
-        "update": "Обновить",
-        "upload": "Загрузить изображение или файл",
-        "uploadError": "Ошибка загрузки",
-        "uploading": "Загрузка...",
-        "wysiwyg": "Редактор WYSIWYG",
-    },
-    zh_CN: {
-        "alignCenter": "居中",
-        "alignLeft": "居左",
-        "alignRight": "居右",
-        "alternateText": "替代文本",
-        "bold": "粗体",
-        "both": "编辑 & 预览",
-        "check": "任务列表",
-        "close": "关闭",
-        "code": "代码块",
-        "code-theme": "代码块主题预览",
-        "column": "列",
-        "comment": "评论",
-        "confirm": "确定",
-        "content-theme": "内容主题预览",
-        "copied": "已复制",
-        "copy": "复制",
-        "delete-column": "删除列",
-        "delete-row": "删除行",
-        "devtools": "开发者工具",
-        "down": "下",
-        "downloadTip": "该浏览器不支持下载功能",
-        "edit": "编辑",
-        "edit-mode": "切换编辑模式",
-        "emoji": "表情",
-        "export": "导出",
-        "fileTypeError": "文件类型不允许上传",
-        "footnoteRef": "脚注标识",
-        "fullscreen": "全屏切换",
-        "generate": "生成中",
-        "headings": "标题",
-        "help": "帮助",
-        "imageURL": "图片地址",
-        "indent": "列表缩进",
-        "info": "关于",
-        "inline-code": "行内代码",
-        "insert-after": "末尾插入行",
-        "insert-before": "起始插入行",
-        "insertColumnLeft": "在左边插入一列",
-        "insertColumnRight": "在右边插入一列",
-        "insertRowAbove": "在上方插入一行",
-        "insertRowBelow": "在下方插入一行",
-        "instantRendering": "即时渲染",
-        "italic": "斜体",
-        "language": "语言",
-        "line": "分隔线",
-        "link": "链接",
-        "linkRef": "引用标识",
-        "list": "无序列表",
-        "more": "更多",
-        "nameEmpty": "文件名不能为空",
-        "ordered-list": "有序列表",
-        "outdent": "列表反向缩进",
-        "outline": "大纲",
-        "over": "超过",
-        "performanceTip": "实时预览需 ${x}ms，可点击编辑 & 预览按钮进行关闭",
-        "preview": "预览",
-        "quote": "引用",
-        "record": "开始录音/结束录音",
-        "record-tip": "该设备不支持录音功能",
-        "recording": "录音中...",
-        "redo": "重做",
-        "remove": "删除",
-        "row": "行",
-        "spin": "旋转",
-        "splitView": "分屏预览",
-        "strike": "删除线",
-        "table": "表格",
-        "textIsNotEmpty": "文本（不能为空）",
-        "title": "标题",
-        "tooltipText": "提示文本",
-        "undo": "撤销",
-        "up": "上",
-        "update": "更新",
-        "upload": "上传图片或文件",
-        "uploadError": "上传错误",
-        "uploading": "上传中...",
-        "wysiwyg": "所见即所得",
-    },
-    zh_TW: {
-        "alignCenter": "置中",
-        "alignLeft": "置左",
-        "alignRight": "置右",
-        "alternateText": "替代文字",
-        "bold": "粗體",
-        "both": "編輯 & 預覽",
-        "check": "任務列表",
-        "close": "關閉",
-        "code": "代碼塊",
-        "code-theme": "代碼塊主題預覽",
-        "column": "欄",
-        "comment": "評論",
-        "confirm": "確定",
-        "content-theme": "內容主題預覽",
-        "copied": "已複製",
-        "copy": "複製",
-        "delete-column": "刪除欄",
-        "delete-row": "刪除列",
-        "devtools": "開發者工具",
-        "down": "下",
-        "downloadTip": "該瀏覽器不支持下載功能",
-        "edit": "編輯",
-        "edit-mode": "切換編輯模式",
-        "emoji": "表情",
-        "export": "匯出",
-        "fileTypeError": "檔案類型不允許上傳",
-        "footnoteRef": "腳註參考",
-        "fullscreen": "全螢幕切換",
-        "generate": "生成中",
-        "headings": "標題",
-        "help": "幫助",
-        "imageURL": "圖片位址",
-        "indent": "列表縮排",
-        "info": "關於",
-        "inline-code": "行內代碼",
-        "insert-after": "末尾插入列",
-        "insert-before": "起始插入列",
-        "insertColumnLeft": "在左邊插入一欄",
-        "insertColumnRight": "在右邊插入一欄",
-        "insertRowAbove": "在上方插入一行",
-        "insertRowBelow": "在下方插入一行",
-        "instantRendering": "即時渲染",
-        "italic": "斜體",
-        "language": "語言",
-        "line": "分隔線",
-        "link": "連結",
-        "linkRef": "連結參考",
-        "list": "無序列表",
-        "more": "更多",
-        "nameEmpty": "文件名不能為空",
-        "ordered-list": "有序列表",
-        "outdent": "列表反向縮排",
-        "outline": "大綱",
-        "over": "超過",
-        "performanceTip": "即時預覽需 ${x}ms，可點擊編輯 & 預覽按鈕進行關閉",
-        "preview": "預覽",
-        "quote": "引用",
-        "record": "開始錄音/結束錄音",
-        "record-tip": "該設備不支持錄音功能",
-        "recording": "錄音中...",
-        "redo": "重做",
-        "remove": "刪除",
-        "row": "列",
-        "spin": "旋轉",
-        "splitView": "分割預覽",
-        "strike": "刪除縣",
-        "table": "表格",
-        "textIsNotEmpty": "文字（不能為空）",
-        "title": "標題",
-        "tooltipText": "提示文字",
-        "undo": "撤銷",
-        "up": "上",
-        "update": "更新",
-        "upload": "上傳圖片或文件",
-        "uploadError": "上傳錯誤",
-        "uploading": "上傳中...",
-        "wysiwyg": "所見即所得",
-    }
-};
-
-
 /***/ }),
 
 /***/ 369:
@@ -3437,15 +2961,17 @@ var i18n = {
 /* harmony export */   "Q": () => (/* binding */ abcRender)
 /* harmony export */ });
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(260);
-/* harmony import */ var _util_addScript__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(228);
+/* harmony import */ var _util_addScript__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(228);
+/* harmony import */ var _adapterRender__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(46);
+
 
 
 var abcRender = function (element, cdn) {
     if (element === void 0) { element = document; }
     if (cdn === void 0) { cdn = _constants__WEBPACK_IMPORTED_MODULE_0__/* .Constants.CDN */ .g.CDN; }
-    var abcElements = element.querySelectorAll(".language-abc");
+    var abcElements = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.abcRenderAdapter.getElements(element);
     if (abcElements.length > 0) {
-        (0,_util_addScript__WEBPACK_IMPORTED_MODULE_1__/* .addScript */ .G)(cdn + "/dist/js/abcjs/abcjs_basic.min.js", "vditorAbcjsScript").then(function () {
+        (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)(cdn + "/dist/js/abcjs/abcjs_basic.min.js", "vditorAbcjsScript").then(function () {
             abcElements.forEach(function (item) {
                 if (item.parentElement.classList.contains("vditor-wysiwyg__pre") ||
                     item.parentElement.classList.contains("vditor-ir__marker--pre")) {
@@ -3454,7 +2980,7 @@ var abcRender = function (element, cdn) {
                 if (item.getAttribute("data-processed") === "true") {
                     return;
                 }
-                ABCJS.renderAbc(item, item.textContent.trim());
+                ABCJS.renderAbc(item, _adapterRender__WEBPACK_IMPORTED_MODULE_1__.abcRenderAdapter.getCode(item).trim());
                 item.style.overflowX = "auto";
                 item.setAttribute("data-processed", "true");
             });
@@ -3463,6 +2989,58 @@ var abcRender = function (element, cdn) {
 };
 
 
+/***/ }),
+
+/***/ 46:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "mathRenderAdapter": () => (/* binding */ mathRenderAdapter),
+/* harmony export */   "mermaidRenderAdapter": () => (/* binding */ mermaidRenderAdapter),
+/* harmony export */   "mindmapRenderAdapter": () => (/* binding */ mindmapRenderAdapter),
+/* harmony export */   "chartRenderAdapter": () => (/* binding */ chartRenderAdapter),
+/* harmony export */   "abcRenderAdapter": () => (/* binding */ abcRenderAdapter),
+/* harmony export */   "graphvizRenderAdapter": () => (/* binding */ graphvizRenderAdapter),
+/* harmony export */   "flowchartRenderAdapter": () => (/* binding */ flowchartRenderAdapter),
+/* harmony export */   "plantumlRenderAdapter": () => (/* binding */ plantumlRenderAdapter)
+/* harmony export */ });
+var mathRenderAdapter = {
+    getCode: function (mathElement) { return mathElement.textContent; },
+    getElements: function (element) { return element.querySelectorAll(".language-math"); },
+};
+var mermaidRenderAdapter = {
+    /** 不仅要返回code，并且需要将 code 设置为 el 的 innerHTML */
+    getCode: function (el) { return el.textContent; },
+    getElements: function (element) { return element.querySelectorAll(".language-mermaid"); },
+};
+var mindmapRenderAdapter = {
+    getCode: function (el) { return el.getAttribute("data-code"); },
+    getElements: function (el) { return el.querySelectorAll(".language-mindmap"); },
+};
+var chartRenderAdapter = {
+    getCode: function (el) { return el.innerText; },
+    getElements: function (el) { return el.querySelectorAll(".language-echarts"); },
+};
+var abcRenderAdapter = {
+    getCode: function (el) { return el.textContent; },
+    getElements: function (el) { return el.querySelectorAll(".language-abc"); },
+};
+var graphvizRenderAdapter = {
+    getCode: function (el) { return el.textContent; },
+    getElements: function (el) { return el.querySelectorAll(".language-graphviz"); },
+};
+var flowchartRenderAdapter = {
+    getCode: function (el) { return el.textContent; },
+    getElements: function (el) { return el.querySelectorAll(".language-flowchart"); },
+};
+var plantumlRenderAdapter = {
+    getCode: function (el) { return el.textContent; },
+    getElements: function (el) { return el.querySelectorAll(".language-plantuml"); },
+};
+
+
 /***/ }),
 
 /***/ 726:
@@ -3473,21 +3051,23 @@ var abcRender = function (element, cdn) {
 /* harmony export */   "p": () => (/* binding */ chartRender)
 /* harmony export */ });
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(260);
-/* harmony import */ var _util_addScript__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(228);
+/* harmony import */ var _util_addScript__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(228);
+/* harmony import */ var _adapterRender__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(46);
+
 
 
 var chartRender = function (element, cdn, theme) {
     if (element === void 0) { element = document; }
     if (cdn === void 0) { cdn = _constants__WEBPACK_IMPORTED_MODULE_0__/* .Constants.CDN */ .g.CDN; }
-    var echartsElements = element.querySelectorAll(".language-echarts");
+    var echartsElements = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.chartRenderAdapter.getElements(element);
     if (echartsElements.length > 0) {
-        (0,_util_addScript__WEBPACK_IMPORTED_MODULE_1__/* .addScript */ .G)(cdn + "/dist/js/echarts/echarts.min.js", "vditorEchartsScript").then(function () {
+        (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)(cdn + "/dist/js/echarts/echarts.min.js", "vditorEchartsScript").then(function () {
             echartsElements.forEach(function (e) {
                 if (e.parentElement.classList.contains("vditor-wysiwyg__pre") ||
                     e.parentElement.classList.contains("vditor-ir__marker--pre")) {
                     return;
                 }
-                var text = e.innerText.trim();
+                var text = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.chartRenderAdapter.getCode(e).trim();
                 if (!text) {
                     return;
                 }
@@ -3518,12 +3098,9 @@ var chartRender = function (element, cdn, theme) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "O": () => (/* binding */ codeRender)
 /* harmony export */ });
-/* harmony import */ var _i18n_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(577);
-/* harmony import */ var _util_code160to32__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(769);
+/* harmony import */ var _util_code160to32__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(769);
 
-
-var codeRender = function (element, lang) {
-    if (lang === void 0) { lang = "zh_CN"; }
+var codeRender = function (element) {
     element.querySelectorAll("pre > code").forEach(function (e, index) {
         if (e.parentElement.classList.contains("vditor-wysiwyg__pre") ||
             e.parentElement.classList.contains("vditor-ir__marker--pre")) {
@@ -3554,10 +3131,10 @@ var codeRender = function (element, lang) {
         }
         var divElement = document.createElement("div");
         divElement.className = "vditor-copy";
-        divElement.innerHTML = "<span aria-label=\"" + _i18n_index__WEBPACK_IMPORTED_MODULE_0__/* .i18n */ .a[lang].copy + "\"\nonmouseover=\"this.setAttribute('aria-label', '" + _i18n_index__WEBPACK_IMPORTED_MODULE_0__/* .i18n */ .a[lang].copy + "')\"\nclass=\"vditor-tooltipped vditor-tooltipped__w\"\nonclick=\"this.previousElementSibling.select();document.execCommand('copy');" +
-            ("this.setAttribute('aria-label', '" + _i18n_index__WEBPACK_IMPORTED_MODULE_0__/* .i18n */ .a[lang].copied + "')\"><svg><use xlink:href=\"#vditor-icon-copy\"></use></svg></span>");
+        divElement.innerHTML = "<span aria-label=\"" + window.VditorI18n.copy + "\"\nonmouseover=\"this.setAttribute('aria-label', '" + window.VditorI18n.copy + "')\"\nclass=\"vditor-tooltipped vditor-tooltipped__w\"\nonclick=\"this.previousElementSibling.select();document.execCommand('copy');" +
+            ("this.setAttribute('aria-label', '" + window.VditorI18n.copied + "')\"><svg><use xlink:href=\"#vditor-icon-copy\"></use></svg></span>");
         var textarea = document.createElement("textarea");
-        textarea.value = (0,_util_code160to32__WEBPACK_IMPORTED_MODULE_1__/* .code160to32 */ .X)(codeText);
+        textarea.value = (0,_util_code160to32__WEBPACK_IMPORTED_MODULE_0__/* .code160to32 */ .X)(codeText);
         divElement.insertAdjacentElement("afterbegin", textarea);
         e.before(divElement);
         e.style.maxHeight = (window.outerHeight - 40) + "px";
@@ -3575,21 +3152,23 @@ var codeRender = function (element, lang) {
 /* harmony export */   "P": () => (/* binding */ flowchartRender)
 /* harmony export */ });
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(260);
-/* harmony import */ var _util_addScript__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(228);
+/* harmony import */ var _util_addScript__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(228);
+/* harmony import */ var _adapterRender__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(46);
+
 
 
 var flowchartRender = function (element, cdn) {
     if (cdn === void 0) { cdn = _constants__WEBPACK_IMPORTED_MODULE_0__/* .Constants.CDN */ .g.CDN; }
-    var flowchartElements = element.querySelectorAll(".language-flowchart");
+    var flowchartElements = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.flowchartRenderAdapter.getElements(element);
     if (flowchartElements.length === 0) {
         return;
     }
-    (0,_util_addScript__WEBPACK_IMPORTED_MODULE_1__/* .addScript */ .G)(cdn + "/dist/js/flowchart.js/flowchart.min.js", "vditorFlowchartScript").then(function () {
+    (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)(cdn + "/dist/js/flowchart.js/flowchart.min.js", "vditorFlowchartScript").then(function () {
         flowchartElements.forEach(function (item) {
             if (item.getAttribute("data-processed") === "true") {
                 return;
             }
-            var flowchartObj = flowchart.parse(item.textContent);
+            var flowchartObj = flowchart.parse(_adapterRender__WEBPACK_IMPORTED_MODULE_1__.flowchartRenderAdapter.getCode(item));
             item.innerHTML = "";
             flowchartObj.drawSVG(item);
             item.setAttribute("data-processed", "true");
@@ -3608,22 +3187,25 @@ var flowchartRender = function (element, cdn) {
 /* harmony export */   "v": () => (/* binding */ graphvizRender)
 /* harmony export */ });
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(260);
-/* harmony import */ var _util_addScript__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(228);
+/* harmony import */ var _util_addScript__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(228);
+/* harmony import */ var _adapterRender__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(46);
+
 
 
 var graphvizRender = function (element, cdn) {
     if (cdn === void 0) { cdn = _constants__WEBPACK_IMPORTED_MODULE_0__/* .Constants.CDN */ .g.CDN; }
-    var graphvizElements = element.querySelectorAll(".language-graphviz");
+    var graphvizElements = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.graphvizRenderAdapter.getElements(element);
     if (graphvizElements.length === 0) {
         return;
     }
-    (0,_util_addScript__WEBPACK_IMPORTED_MODULE_1__/* .addScript */ .G)(cdn + "/dist/js/graphviz/viz.js", "vditorGraphVizScript").then(function () {
+    (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)(cdn + "/dist/js/graphviz/viz.js", "vditorGraphVizScript").then(function () {
         graphvizElements.forEach(function (e) {
+            var code = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.graphvizRenderAdapter.getCode(e);
             if (e.parentElement.classList.contains("vditor-wysiwyg__pre") ||
                 e.parentElement.classList.contains("vditor-ir__marker--pre")) {
                 return;
             }
-            if (e.getAttribute("data-processed") === "true" || e.textContent.trim() === "") {
+            if (e.getAttribute("data-processed") === "true" || code.trim() === "") {
                 return;
             }
             try {
@@ -3632,7 +3214,7 @@ var graphvizRender = function (element, cdn) {
                 var blobUrl = url.createObjectURL(blob);
                 var worker = new Worker(blobUrl);
                 new Viz({ worker: worker })
-                    .renderSVGElement(e.textContent).then(function (result) {
+                    .renderSVGElement(code).then(function (result) {
                     e.innerHTML = result.outerHTML;
                 }).catch(function (error) {
                     e.innerHTML = "graphviz render error: <br>" + error;
@@ -3742,15 +3324,17 @@ var highlightRender = function (hljsOption, element, cdn) {
 /* harmony export */   "H": () => (/* binding */ mathRender)
 /* harmony export */ });
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(260);
-/* harmony import */ var _util_addScript__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(228);
-/* harmony import */ var _util_addStyle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(946);
-/* harmony import */ var _util_code160to32__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(769);
+/* harmony import */ var _util_addScript__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(228);
+/* harmony import */ var _util_addStyle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(946);
+/* harmony import */ var _util_code160to32__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(769);
+/* harmony import */ var _adapterRender__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(46);
+
 
 
 
 
 var mathRender = function (element, options) {
-    var mathElements = element.querySelectorAll(".language-math");
+    var mathElements = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.mathRenderAdapter.getElements(element);
     if (mathElements.length === 0) {
         return;
     }
@@ -3768,8 +3352,8 @@ var mathRender = function (element, options) {
     }
     options = Object.assign({}, defaultOptions, options);
     if (options.math.engine === "KaTeX") {
-        (0,_util_addStyle__WEBPACK_IMPORTED_MODULE_1__/* .addStyle */ .c)(options.cdn + "/dist/js/katex/katex.min.css", "vditorKatexStyle");
-        (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)(options.cdn + "/dist/js/katex/katex.min.js", "vditorKatexScript").then(function () {
+        (0,_util_addStyle__WEBPACK_IMPORTED_MODULE_2__/* .addStyle */ .c)(options.cdn + "/dist/js/katex/katex.min.css", "vditorKatexStyle");
+        (0,_util_addScript__WEBPACK_IMPORTED_MODULE_3__/* .addScript */ .G)(options.cdn + "/dist/js/katex/katex.min.js", "vditorKatexScript").then(function () {
             mathElements.forEach(function (mathElement) {
                 if (mathElement.parentElement.classList.contains("vditor-wysiwyg__pre") ||
                     mathElement.parentElement.classList.contains("vditor-ir__marker--pre")) {
@@ -3778,7 +3362,7 @@ var mathRender = function (element, options) {
                 if (mathElement.getAttribute("data-math")) {
                     return;
                 }
-                var math = (0,_util_code160to32__WEBPACK_IMPORTED_MODULE_3__/* .code160to32 */ .X)(mathElement.textContent);
+                var math = (0,_util_code160to32__WEBPACK_IMPORTED_MODULE_4__/* .code160to32 */ .X)(_adapterRender__WEBPACK_IMPORTED_MODULE_1__.mathRenderAdapter.getCode(mathElement));
                 mathElement.setAttribute("data-math", math);
                 try {
                     mathElement.innerHTML = katex.renderToString(math, {
@@ -3827,9 +3411,9 @@ var mathRender = function (element, options) {
             };
         }
         // 循环加载会抛异常
-        (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScriptSync */ .J)(options.cdn + "/dist/js/mathjax/tex-svg-full.js", "protyleMathJaxScript");
+        (0,_util_addScript__WEBPACK_IMPORTED_MODULE_3__/* .addScriptSync */ .J)(options.cdn + "/dist/js/mathjax/tex-svg-full.js", "protyleMathJaxScript");
         var renderMath_1 = function (mathElement, next) {
-            var math = (0,_util_code160to32__WEBPACK_IMPORTED_MODULE_3__/* .code160to32 */ .X)(mathElement.textContent).trim();
+            var math = (0,_util_code160to32__WEBPACK_IMPORTED_MODULE_4__/* .code160to32 */ .X)(mathElement.textContent).trim();
             var mathOptions = window.MathJax.getMetricsFor(mathElement);
             mathOptions.display = mathElement.tagName === "DIV";
             window.MathJax.tex2svgPromise(math, mathOptions).then(function (node) {
@@ -3854,7 +3438,7 @@ var mathRender = function (element, options) {
                 var mathElement = mathElements[i];
                 if (!mathElement.parentElement.classList.contains("vditor-wysiwyg__pre") &&
                     !mathElement.parentElement.classList.contains("vditor-ir__marker--pre") &&
-                    !mathElement.getAttribute("data-math") && (0,_util_code160to32__WEBPACK_IMPORTED_MODULE_3__/* .code160to32 */ .X)(mathElement.textContent).trim()) {
+                    !mathElement.getAttribute("data-math") && (0,_util_code160to32__WEBPACK_IMPORTED_MODULE_4__/* .code160to32 */ .X)(mathElement.textContent).trim()) {
                     chains.push(function (next) {
                         if (i === mathElements.length - 1) {
                             renderMath_1(mathElement);
@@ -3966,16 +3550,18 @@ var mediaRender = function (element) {
 /* harmony export */   "i": () => (/* binding */ mermaidRender)
 /* harmony export */ });
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(260);
-/* harmony import */ var _util_addScript__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(228);
+/* harmony import */ var _util_addScript__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(228);
+/* harmony import */ var _adapterRender__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(46);
+
 
 
 var mermaidRender = function (element, cdn, theme) {
     if (cdn === void 0) { cdn = _constants__WEBPACK_IMPORTED_MODULE_0__/* .Constants.CDN */ .g.CDN; }
-    var mermaidElements = element.querySelectorAll(".language-mermaid");
+    var mermaidElements = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.mermaidRenderAdapter.getElements(element);
     if (mermaidElements.length === 0) {
         return;
     }
-    (0,_util_addScript__WEBPACK_IMPORTED_MODULE_1__/* .addScript */ .G)(cdn + "/dist/js/mermaid/mermaid.min.js", "vditorMermaidScript").then(function () {
+    (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)(cdn + "/dist/js/mermaid/mermaid.min.js", "vditorMermaidScript").then(function () {
         var config = {
             altFontFamily: "sans-serif",
             flowchart: {
@@ -4079,7 +3665,8 @@ var mermaidRender = function (element, cdn, theme) {
         }
         mermaid.initialize(config);
         mermaidElements.forEach(function (item) {
-            if (item.getAttribute("data-processed") === "true" || item.textContent.trim() === "") {
+            var code = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.mermaidRenderAdapter.getCode(item);
+            if (item.getAttribute("data-processed") === "true" || code.trim() === "") {
                 return;
             }
             mermaid.init(undefined, item);
@@ -4099,21 +3686,23 @@ var mermaidRender = function (element, cdn, theme) {
 /* harmony export */   "P": () => (/* binding */ mindmapRender)
 /* harmony export */ });
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(260);
-/* harmony import */ var _util_addScript__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(228);
+/* harmony import */ var _util_addScript__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(228);
+/* harmony import */ var _adapterRender__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(46);
+
 
 
 var mindmapRender = function (element, cdn, theme) {
     if (element === void 0) { element = document; }
     if (cdn === void 0) { cdn = _constants__WEBPACK_IMPORTED_MODULE_0__/* .Constants.CDN */ .g.CDN; }
-    var mindmapElements = element.querySelectorAll(".language-mindmap");
+    var mindmapElements = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.mindmapRenderAdapter.getElements(element);
     if (mindmapElements.length > 0) {
-        (0,_util_addScript__WEBPACK_IMPORTED_MODULE_1__/* .addScript */ .G)(cdn + "/dist/js/echarts/echarts.min.js", "vditorEchartsScript").then(function () {
+        (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)(cdn + "/dist/js/echarts/echarts.min.js", "vditorEchartsScript").then(function () {
             mindmapElements.forEach(function (e) {
                 if (e.parentElement.classList.contains("vditor-wysiwyg__pre") ||
                     e.parentElement.classList.contains("vditor-ir__marker--pre")) {
                     return;
                 }
-                var text = e.getAttribute("data-code");
+                var text = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.mindmapRenderAdapter.getCode(e);
                 if (!text) {
                     return;
                 }
@@ -4312,23 +3901,25 @@ var outlineRender = function (contentElement, targetElement, vditor) {
 /* harmony export */   "B": () => (/* binding */ plantumlRender)
 /* harmony export */ });
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(260);
-/* harmony import */ var _util_addScript__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(228);
+/* harmony import */ var _util_addScript__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(228);
+/* harmony import */ var _adapterRender__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(46);
+
 
 
 var plantumlRender = function (element, cdn) {
     if (element === void 0) { element = document; }
     if (cdn === void 0) { cdn = _constants__WEBPACK_IMPORTED_MODULE_0__/* .Constants.CDN */ .g.CDN; }
-    var plantumlElements = element.querySelectorAll(".language-plantuml");
+    var plantumlElements = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.plantumlRenderAdapter.getElements(element);
     if (plantumlElements.length === 0) {
         return;
     }
-    (0,_util_addScript__WEBPACK_IMPORTED_MODULE_1__/* .addScript */ .G)(cdn + "/dist/js/plantuml/plantuml-encoder.min.js", "vditorPlantumlScript").then(function () {
+    (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)(cdn + "/dist/js/plantuml/plantuml-encoder.min.js", "vditorPlantumlScript").then(function () {
         plantumlElements.forEach(function (e) {
             if (e.parentElement.classList.contains("vditor-wysiwyg__pre") ||
                 e.parentElement.classList.contains("vditor-ir__marker--pre")) {
                 return;
             }
-            var text = e.textContent.trim();
+            var text = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.plantumlRenderAdapter.getCode(e).trim();
             if (!text) {
                 return;
             }
@@ -4387,14 +3978,12 @@ var setLute = function (options) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "E": () => (/* binding */ previewImage)
 /* harmony export */ });
-/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(577);
-
 var previewImage = function (oldImgElement, lang, theme) {
     if (lang === void 0) { lang = "zh_CN"; }
     if (theme === void 0) { theme = "classic"; }
     var oldImgRect = oldImgElement.getBoundingClientRect();
     var height = 36;
-    document.body.insertAdjacentHTML("beforeend", "<div class=\"vditor vditor-img" + (theme === "dark" ? " vditor--dark" : "") + "\">\n    <div class=\"vditor-img__bar\">\n      <span class=\"vditor-img__btn\" data-deg=\"0\">\n        <svg><use xlink:href=\"#vditor-icon-redo\"></use></svg>\n        " + _i18n__WEBPACK_IMPORTED_MODULE_0__/* .i18n */ .a[lang].spin + "\n      </span>\n      <span class=\"vditor-img__btn\"  onclick=\"this.parentElement.parentElement.outerHTML = '';document.body.style.overflow = ''\">\n        X &nbsp;" + _i18n__WEBPACK_IMPORTED_MODULE_0__/* .i18n */ .a[lang].close + "\n      </span>\n    </div>\n    <div class=\"vditor-img__img\" onclick=\"this.parentElement.outerHTML = '';document.body.style.overflow = ''\">\n      <img style=\"width: " + oldImgElement.width + "px;height:" + oldImgElement.height + "px;transform: translate3d(" + oldImgRect.left + "px, " + (oldImgRect.top - height) + "px, 0)\" src=\"" + oldImgElement.getAttribute("src") + "\">\n    </div>\n</div>");
+    document.body.insertAdjacentHTML("beforeend", "<div class=\"vditor vditor-img" + (theme === "dark" ? " vditor--dark" : "") + "\">\n    <div class=\"vditor-img__bar\">\n      <span class=\"vditor-img__btn\" data-deg=\"0\">\n        <svg><use xlink:href=\"#vditor-icon-redo\"></use></svg>\n        " + window.VditorI18n.spin + "\n      </span>\n      <span class=\"vditor-img__btn\"  onclick=\"this.parentElement.parentElement.outerHTML = '';document.body.style.overflow = ''\">\n        X &nbsp;" + window.VditorI18n.close + "\n      </span>\n    </div>\n    <div class=\"vditor-img__img\" onclick=\"this.parentElement.outerHTML = '';document.body.style.overflow = ''\">\n      <img style=\"width: " + oldImgElement.width + "px;height:" + oldImgElement.height + "px;transform: translate3d(" + oldImgRect.left + "px, " + (oldImgRect.top - height) + "px, 0)\" src=\"" + oldImgElement.getAttribute("src") + "\">\n    </div>\n</div>");
     document.body.style.overflow = "hidden";
     // 图片从原始位置移动到预览正中间的动画效果
     var imgElement = document.querySelector(".vditor-img img");
@@ -5237,6 +4826,17 @@ var insertHTML = function (html, vditor) {
 /******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
 /******/ 	})();
 /******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
 // This entry need to be wrapped in an IIFE because it need to be in strict mode.
@@ -5594,7 +5194,7 @@ var processCodeRender = function (previewPanel, vditor) {
     }
     else {
         (0,highlightRender/* highlightRender */.s)(Object.assign({}, vditor.options.preview.hljs), previewPanel, vditor.options.cdn);
-        (0,codeRender/* codeRender */.O)(previewPanel, vditor.options.lang);
+        (0,codeRender/* codeRender */.O)(previewPanel);
     }
     previewPanel.setAttribute("data-render", "1");
 };
@@ -6618,8 +6218,6 @@ var processKeydown_processKeydown = function (vditor, event) {
     return false;
 };
 
-// EXTERNAL MODULE: ./src/ts/i18n/index.ts
-var i18n = __webpack_require__(577);
 // EXTERNAL MODULE: ./src/ts/ui/setContentTheme.ts
 var setContentTheme = __webpack_require__(958);
 ;// CONCATENATED MODULE: ./src/ts/ui/setTheme.ts
@@ -6638,6 +6236,7 @@ var setTheme = function (vditor) {
 
 
 
+
 var initUI = function (vditor) {
     vditor.element.innerHTML = "";
     vditor.element.classList.add("vditor");
@@ -6681,11 +6280,14 @@ var initUI = function (vditor) {
     contentElement.appendChild(vditor.hint.element);
     contentElement.appendChild(vditor.tip.element);
     vditor.element.appendChild(contentElement);
+    contentElement.addEventListener("click", function () {
+        hidePanel(vditor, ["subToolbar"]);
+    });
     if (vditor.toolbar.elements.export) {
         // for export pdf
         vditor.element.insertAdjacentHTML("beforeend", '<iframe style="width: 100%;height: 0;border: 0"></iframe>');
     }
-    setEditMode(vditor, vditor.options.mode, afterRender(vditor, contentElement));
+    setEditMode(vditor, vditor.options.mode, afterRender(vditor));
     document.execCommand("DefaultParagraphSeparator", false, "p");
     if (navigator.userAgent.indexOf("iPhone") > -1 && typeof window.visualViewport !== "undefined") {
         // https://github.com/Vanessa219/vditor/issues/379
@@ -6720,10 +6322,14 @@ var setPadding = function (vditor) {
             - vditor.options.preview.maxWidth) / 2;
         vditor.ir.element.style.padding = "10px " + Math.max(minPadding, padding) + "px";
     }
-    if (vditor.preview.element.style.display !== "block" || vditor.currentMode === "sv") {
+    if (vditor.preview.element.style.display !== "block") {
         vditor.toolbar.element.style.paddingLeft = Math.max(5, parseInt(vditor[vditor.currentMode].element.style.paddingLeft || "0", 10) +
             (vditor.options.outline.position === "left" ? vditor.outline.element.offsetWidth : 0)) + "px";
     }
+    else {
+        vditor.toolbar.element.style.paddingLeft = (5 +
+            (vditor.options.outline.position === "left" ? vditor.outline.element.offsetWidth : 0)) + "px";
+    }
 };
 var setTypewriterPosition = function (vditor) {
     if (!vditor.options.typewriterMode) {
@@ -6743,9 +6349,14 @@ var setTypewriterPosition = function (vditor) {
     // 由于 Firefox padding-bottom bug，只能使用 :after
     vditor[vditor.currentMode].element.style.setProperty("--editor-bottom", ((height - vditor.toolbar.element.offsetHeight) / 2) + "px");
 };
-var afterRender = function (vditor, contentElement) {
+var resizeCb;
+function UIUnbindListener() {
+    window.removeEventListener("resize", resizeCb);
+}
+var afterRender = function (vditor) {
     setTypewriterPosition(vditor);
-    window.addEventListener("resize", function () {
+    UIUnbindListener();
+    window.addEventListener("resize", resizeCb = function () {
         setPadding(vditor);
         setTypewriterPosition(vditor);
     });
@@ -7421,7 +7032,6 @@ var removeBlockElement = function (vditor, event) {
 
 
 
-
 var highlightToolbarWYSIWYG = function (vditor) {
     clearTimeout(vditor.wysiwyg.hlToolbarTimeoutId);
     vditor.wysiwyg.hlToolbarTimeoutId = window.setTimeout(function () {
@@ -7439,8 +7049,9 @@ var highlightToolbarWYSIWYG = function (vditor) {
             typeElement = range.startContainer.parentElement;
         }
         else {
-            typeElement = typeElement.childNodes[range.startOffset >= typeElement.childNodes.length ?
-                typeElement.childNodes.length - 1 : range.startOffset];
+            typeElement = typeElement.childNodes[range.startOffset >= typeElement.childNodes.length
+                ? typeElement.childNodes.length - 1
+                : range.startOffset];
         }
         var footnotesElement = (0,hasClosest/* hasClosestByAttribute */.a1)(typeElement, "data-type", "footnotes-block");
         if (footnotesElement) {
@@ -7469,24 +7080,31 @@ var highlightToolbarWYSIWYG = function (vditor) {
         if ((0,hasClosest/* hasClosestByMatchTag */.lG)(typeElement, "BLOCKQUOTE")) {
             setCurrentToolbar(vditor.toolbar.elements, ["quote"]);
         }
-        if ((0,hasClosest/* hasClosestByMatchTag */.lG)(typeElement, "B") || (0,hasClosest/* hasClosestByMatchTag */.lG)(typeElement, "STRONG")) {
+        if ((0,hasClosest/* hasClosestByMatchTag */.lG)(typeElement, "B") ||
+            (0,hasClosest/* hasClosestByMatchTag */.lG)(typeElement, "STRONG")) {
             setCurrentToolbar(vditor.toolbar.elements, ["bold"]);
         }
-        if ((0,hasClosest/* hasClosestByMatchTag */.lG)(typeElement, "I") || (0,hasClosest/* hasClosestByMatchTag */.lG)(typeElement, "EM")) {
+        if ((0,hasClosest/* hasClosestByMatchTag */.lG)(typeElement, "I") ||
+            (0,hasClosest/* hasClosestByMatchTag */.lG)(typeElement, "EM")) {
             setCurrentToolbar(vditor.toolbar.elements, ["italic"]);
         }
-        if ((0,hasClosest/* hasClosestByMatchTag */.lG)(typeElement, "STRIKE") || (0,hasClosest/* hasClosestByMatchTag */.lG)(typeElement, "S")) {
+        if ((0,hasClosest/* hasClosestByMatchTag */.lG)(typeElement, "STRIKE") ||
+            (0,hasClosest/* hasClosestByMatchTag */.lG)(typeElement, "S")) {
             setCurrentToolbar(vditor.toolbar.elements, ["strike"]);
         }
         // comments
-        vditor.wysiwyg.element.querySelectorAll(".vditor-comment--focus").forEach(function (item) {
+        vditor.wysiwyg.element
+            .querySelectorAll(".vditor-comment--focus")
+            .forEach(function (item) {
             item.classList.remove("vditor-comment--focus");
         });
         var commentElement = (0,hasClosest/* hasClosestByClassName */.fb)(typeElement, "vditor-comment");
         if (commentElement) {
             var ids_1 = commentElement.getAttribute("data-cmtids").split(" ");
             if (ids_1.length > 1 && commentElement.nextSibling.isSameNode(commentElement.nextElementSibling)) {
-                var nextIds_1 = commentElement.nextElementSibling.getAttribute("data-cmtids").split(" ");
+                var nextIds_1 = commentElement.nextElementSibling
+                    .getAttribute("data-cmtids")
+                    .split(" ");
                 ids_1.find(function (id) {
                     if (nextIds_1.includes(id)) {
                         ids_1 = [id];
@@ -7494,7 +7112,9 @@ var highlightToolbarWYSIWYG = function (vditor) {
                     }
                 });
             }
-            vditor.wysiwyg.element.querySelectorAll(".vditor-comment").forEach(function (item) {
+            vditor.wysiwyg.element
+                .querySelectorAll(".vditor-comment")
+                .forEach(function (item) {
                 if (item.getAttribute("data-cmtids").indexOf(ids_1[0]) > -1) {
                     item.classList.add("vditor-comment--focus");
                 }
@@ -7508,13 +7128,42 @@ var highlightToolbarWYSIWYG = function (vditor) {
         var headingElement = (0,hasClosestByHeadings/* hasClosestByHeadings */.W)(typeElement);
         if ((0,hasClosest/* hasClosestByMatchTag */.lG)(typeElement, "CODE")) {
             if ((0,hasClosest/* hasClosestByMatchTag */.lG)(typeElement, "PRE")) {
-                disableToolbar(vditor.toolbar.elements, ["headings", "bold", "italic", "strike", "line", "quote",
-                    "list", "ordered-list", "check", "code", "inline-code", "upload", "link", "table", "record"]);
+                disableToolbar(vditor.toolbar.elements, [
+                    "headings",
+                    "bold",
+                    "italic",
+                    "strike",
+                    "line",
+                    "quote",
+                    "list",
+                    "ordered-list",
+                    "check",
+                    "code",
+                    "inline-code",
+                    "upload",
+                    "link",
+                    "table",
+                    "record",
+                ]);
                 setCurrentToolbar(vditor.toolbar.elements, ["code"]);
             }
             else {
-                disableToolbar(vditor.toolbar.elements, ["headings", "bold", "italic", "strike", "line", "quote",
-                    "list", "ordered-list", "check", "code", "upload", "link", "table", "record"]);
+                disableToolbar(vditor.toolbar.elements, [
+                    "headings",
+                    "bold",
+                    "italic",
+                    "strike",
+                    "line",
+                    "quote",
+                    "list",
+                    "ordered-list",
+                    "check",
+                    "code",
+                    "upload",
+                    "link",
+                    "table",
+                    "record",
+                ]);
                 setCurrentToolbar(vditor.toolbar.elements, ["inline-code"]);
             }
         }
@@ -7552,6 +7201,8 @@ var highlightToolbarWYSIWYG = function (vditor) {
         }
         // table popover
         if (tableElement) {
+            var lang = vditor.options.lang;
+            var options = vditor.options;
             vditor.wysiwyg.popover.innerHTML = "";
             var updateTable_1 = function () {
                 var oldRow = tableElement.rows.length;
@@ -7590,10 +7241,14 @@ var highlightToolbarWYSIWYG = function (vditor) {
                         }
                         for (var l = 0; l < rowDiff; l++) {
                             if (tableElement.querySelector("tbody")) {
-                                tableElement.querySelector("tbody").insertAdjacentHTML("beforeend", rowHTML);
+                                tableElement
+                                    .querySelector("tbody")
+                                    .insertAdjacentHTML("beforeend", rowHTML);
                             }
                             else {
-                                tableElement.querySelector("thead").insertAdjacentHTML("afterend", rowHTML + "</tr>");
+                                tableElement
+                                    .querySelector("thead")
+                                    .insertAdjacentHTML("afterend", rowHTML + "</tr>");
                             }
                         }
                     }
@@ -7638,46 +7293,51 @@ var highlightToolbarWYSIWYG = function (vditor) {
             }
             var left_1 = document.createElement("button");
             left_1.setAttribute("type", "button");
-            left_1.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].alignLeft +
-                "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘L") + ">");
+            left_1.setAttribute("aria-label", window.VditorI18n.alignLeft + "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘L") + ">");
             left_1.setAttribute("data-type", "left");
-            left_1.innerHTML = '<svg><use xlink:href="#vditor-icon-align-left"></use></svg>';
-            left_1.className = "vditor-icon vditor-tooltipped vditor-tooltipped__n" +
-                (alignType === "left" ? " vditor-icon--current" : "");
+            left_1.innerHTML =
+                '<svg><use xlink:href="#vditor-icon-align-left"></use></svg>';
+            left_1.className =
+                "vditor-icon vditor-tooltipped vditor-tooltipped__n" +
+                    (alignType === "left" ? " vditor-icon--current" : "");
             left_1.onclick = function () {
                 setAlign_1("left");
             };
             var center_1 = document.createElement("button");
             center_1.setAttribute("type", "button");
-            center_1.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].alignCenter +
-                "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘C") + ">");
+            center_1.setAttribute("aria-label", window.VditorI18n.alignCenter + "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘C") + ">");
             center_1.setAttribute("data-type", "center");
-            center_1.innerHTML = '<svg><use xlink:href="#vditor-icon-align-center"></use></svg>';
-            center_1.className = "vditor-icon vditor-tooltipped vditor-tooltipped__n" +
-                (alignType === "center" ? " vditor-icon--current" : "");
+            center_1.innerHTML =
+                '<svg><use xlink:href="#vditor-icon-align-center"></use></svg>';
+            center_1.className =
+                "vditor-icon vditor-tooltipped vditor-tooltipped__n" +
+                    (alignType === "center" ? " vditor-icon--current" : "");
             center_1.onclick = function () {
                 setAlign_1("center");
             };
             var right_1 = document.createElement("button");
             right_1.setAttribute("type", "button");
-            right_1.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].alignRight +
-                "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘R") + ">");
+            right_1.setAttribute("aria-label", window.VditorI18n.alignRight + "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘R") + ">");
             right_1.setAttribute("data-type", "right");
-            right_1.innerHTML = '<svg><use xlink:href="#vditor-icon-align-right"></use></svg>';
-            right_1.className = "vditor-icon vditor-tooltipped vditor-tooltipped__n" +
-                (alignType === "right" ? " vditor-icon--current" : "");
+            right_1.innerHTML =
+                '<svg><use xlink:href="#vditor-icon-align-right"></use></svg>';
+            right_1.className =
+                "vditor-icon vditor-tooltipped vditor-tooltipped__n" +
+                    (alignType === "right" ? " vditor-icon--current" : "");
             right_1.onclick = function () {
                 setAlign_1("right");
             };
             var insertRowElement = document.createElement("button");
             insertRowElement.setAttribute("type", "button");
-            insertRowElement.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].insertRowBelow +
-                "<" + (0,compatibility/* updateHotkeyTip */.ns)("⌘=") + ">");
+            insertRowElement.setAttribute("aria-label", window.VditorI18n.insertRowBelow + "<" + (0,compatibility/* updateHotkeyTip */.ns)("⌘=") + ">");
             insertRowElement.setAttribute("data-type", "insertRow");
-            insertRowElement.innerHTML = '<svg><use xlink:href="#vditor-icon-insert-row"></use></svg>';
-            insertRowElement.className = "vditor-icon vditor-tooltipped vditor-tooltipped__n";
+            insertRowElement.innerHTML =
+                '<svg><use xlink:href="#vditor-icon-insert-row"></use></svg>';
+            insertRowElement.className =
+                "vditor-icon vditor-tooltipped vditor-tooltipped__n";
             insertRowElement.onclick = function () {
-                var startContainer = getSelection().getRangeAt(0).startContainer;
+                var startContainer = getSelection().getRangeAt(0)
+                    .startContainer;
                 var cellElement = (0,hasClosest/* hasClosestByMatchTag */.lG)(startContainer, "TD") ||
                     (0,hasClosest/* hasClosestByMatchTag */.lG)(startContainer, "TH");
                 if (cellElement) {
@@ -7686,13 +7346,15 @@ var highlightToolbarWYSIWYG = function (vditor) {
             };
             var insertRowBElement = document.createElement("button");
             insertRowBElement.setAttribute("type", "button");
-            insertRowBElement.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].insertRowAbove +
-                "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘F") + ">");
+            insertRowBElement.setAttribute("aria-label", window.VditorI18n.insertRowAbove + "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘F") + ">");
             insertRowBElement.setAttribute("data-type", "insertRow");
-            insertRowBElement.innerHTML = '<svg><use xlink:href="#vditor-icon-insert-rowb"></use></svg>';
-            insertRowBElement.className = "vditor-icon vditor-tooltipped vditor-tooltipped__n";
+            insertRowBElement.innerHTML =
+                '<svg><use xlink:href="#vditor-icon-insert-rowb"></use></svg>';
+            insertRowBElement.className =
+                "vditor-icon vditor-tooltipped vditor-tooltipped__n";
             insertRowBElement.onclick = function () {
-                var startContainer = getSelection().getRangeAt(0).startContainer;
+                var startContainer = getSelection().getRangeAt(0)
+                    .startContainer;
                 var cellElement = (0,hasClosest/* hasClosestByMatchTag */.lG)(startContainer, "TD") ||
                     (0,hasClosest/* hasClosestByMatchTag */.lG)(startContainer, "TH");
                 if (cellElement) {
@@ -7701,13 +7363,15 @@ var highlightToolbarWYSIWYG = function (vditor) {
             };
             var insertColumnElement = document.createElement("button");
             insertColumnElement.setAttribute("type", "button");
-            insertColumnElement.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].insertColumnRight +
-                "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘=") + ">");
+            insertColumnElement.setAttribute("aria-label", window.VditorI18n.insertColumnRight + "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘=") + ">");
             insertColumnElement.setAttribute("data-type", "insertColumn");
-            insertColumnElement.innerHTML = '<svg><use xlink:href="#vditor-icon-insert-column"></use></svg>';
-            insertColumnElement.className = "vditor-icon vditor-tooltipped vditor-tooltipped__n";
+            insertColumnElement.innerHTML =
+                '<svg><use xlink:href="#vditor-icon-insert-column"></use></svg>';
+            insertColumnElement.className =
+                "vditor-icon vditor-tooltipped vditor-tooltipped__n";
             insertColumnElement.onclick = function () {
-                var startContainer = getSelection().getRangeAt(0).startContainer;
+                var startContainer = getSelection().getRangeAt(0)
+                    .startContainer;
                 var cellElement = (0,hasClosest/* hasClosestByMatchTag */.lG)(startContainer, "TD") ||
                     (0,hasClosest/* hasClosestByMatchTag */.lG)(startContainer, "TH");
                 if (cellElement) {
@@ -7716,13 +7380,15 @@ var highlightToolbarWYSIWYG = function (vditor) {
             };
             var insertColumnBElement = document.createElement("button");
             insertColumnBElement.setAttribute("type", "button");
-            insertColumnBElement.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].insertColumnLeft +
-                "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘G") + ">");
+            insertColumnBElement.setAttribute("aria-label", window.VditorI18n.insertColumnLeft + "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘G") + ">");
             insertColumnBElement.setAttribute("data-type", "insertColumn");
-            insertColumnBElement.innerHTML = '<svg><use xlink:href="#vditor-icon-insert-columnb"></use></svg>';
-            insertColumnBElement.className = "vditor-icon vditor-tooltipped vditor-tooltipped__n";
+            insertColumnBElement.innerHTML =
+                '<svg><use xlink:href="#vditor-icon-insert-columnb"></use></svg>';
+            insertColumnBElement.className =
+                "vditor-icon vditor-tooltipped vditor-tooltipped__n";
             insertColumnBElement.onclick = function () {
-                var startContainer = getSelection().getRangeAt(0).startContainer;
+                var startContainer = getSelection().getRangeAt(0)
+                    .startContainer;
                 var cellElement = (0,hasClosest/* hasClosestByMatchTag */.lG)(startContainer, "TD") ||
                     (0,hasClosest/* hasClosestByMatchTag */.lG)(startContainer, "TH");
                 if (cellElement) {
@@ -7731,13 +7397,15 @@ var highlightToolbarWYSIWYG = function (vditor) {
             };
             var deleteRowElement = document.createElement("button");
             deleteRowElement.setAttribute("type", "button");
-            deleteRowElement.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang]["delete-row"] +
-                "<" + (0,compatibility/* updateHotkeyTip */.ns)("⌘-") + ">");
+            deleteRowElement.setAttribute("aria-label", window.VditorI18n["delete-row"] + "<" + (0,compatibility/* updateHotkeyTip */.ns)("⌘-") + ">");
             deleteRowElement.setAttribute("data-type", "deleteRow");
-            deleteRowElement.innerHTML = '<svg><use xlink:href="#vditor-icon-delete-row"></use></svg>';
-            deleteRowElement.className = "vditor-icon vditor-tooltipped vditor-tooltipped__n";
+            deleteRowElement.innerHTML =
+                '<svg><use xlink:href="#vditor-icon-delete-row"></use></svg>';
+            deleteRowElement.className =
+                "vditor-icon vditor-tooltipped vditor-tooltipped__n";
             deleteRowElement.onclick = function () {
-                var startContainer = getSelection().getRangeAt(0).startContainer;
+                var startContainer = getSelection().getRangeAt(0)
+                    .startContainer;
                 var cellElement = (0,hasClosest/* hasClosestByMatchTag */.lG)(startContainer, "TD") ||
                     (0,hasClosest/* hasClosestByMatchTag */.lG)(startContainer, "TH");
                 if (cellElement) {
@@ -7746,13 +7414,15 @@ var highlightToolbarWYSIWYG = function (vditor) {
             };
             var deleteColumnElement = document.createElement("button");
             deleteColumnElement.setAttribute("type", "button");
-            deleteColumnElement.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang]["delete-column"] +
-                "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘-") + ">");
+            deleteColumnElement.setAttribute("aria-label", window.VditorI18n["delete-column"] + "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘-") + ">");
             deleteColumnElement.setAttribute("data-type", "deleteColumn");
-            deleteColumnElement.innerHTML = '<svg><use xlink:href="#vditor-icon-delete-column"></use></svg>';
-            deleteColumnElement.className = "vditor-icon vditor-tooltipped vditor-tooltipped__n";
+            deleteColumnElement.innerHTML =
+                '<svg><use xlink:href="#vditor-icon-delete-column"></use></svg>';
+            deleteColumnElement.className =
+                "vditor-icon vditor-tooltipped vditor-tooltipped__n";
             deleteColumnElement.onclick = function () {
-                var startContainer = getSelection().getRangeAt(0).startContainer;
+                var startContainer = getSelection().getRangeAt(0)
+                    .startContainer;
                 var cellElement = (0,hasClosest/* hasClosestByMatchTag */.lG)(startContainer, "TD") ||
                     (0,hasClosest/* hasClosestByMatchTag */.lG)(startContainer, "TH");
                 if (cellElement) {
@@ -7760,7 +7430,7 @@ var highlightToolbarWYSIWYG = function (vditor) {
                 }
             };
             var inputWrap = document.createElement("span");
-            inputWrap.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].row);
+            inputWrap.setAttribute("aria-label", window.VditorI18n.row);
             inputWrap.className = "vditor-tooltipped vditor-tooltipped__n";
             var input_1 = document.createElement("input");
             inputWrap.appendChild(input_1);
@@ -7769,7 +7439,7 @@ var highlightToolbarWYSIWYG = function (vditor) {
             input_1.className = "vditor-input";
             input_1.style.width = "42px";
             input_1.style.textAlign = "center";
-            input_1.setAttribute("placeholder", i18n/* i18n */.a[vditor.options.lang].row);
+            input_1.setAttribute("placeholder", window.VditorI18n.row);
             input_1.value = tableElement.rows.length.toString();
             input_1.oninput = function () {
                 updateTable_1();
@@ -7787,7 +7457,7 @@ var highlightToolbarWYSIWYG = function (vditor) {
                 removeBlockElement(vditor, event);
             };
             var input2Wrap = document.createElement("span");
-            input2Wrap.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].column);
+            input2Wrap.setAttribute("aria-label", window.VditorI18n.column);
             input2Wrap.className = "vditor-tooltipped vditor-tooltipped__n";
             var input2_1 = document.createElement("input");
             input2Wrap.appendChild(input2_1);
@@ -7796,7 +7466,7 @@ var highlightToolbarWYSIWYG = function (vditor) {
             input2_1.className = "vditor-input";
             input2_1.style.width = "42px";
             input2_1.style.textAlign = "center";
-            input2_1.setAttribute("placeholder", i18n/* i18n */.a[vditor.options.lang].column);
+            input2_1.setAttribute("placeholder", window.VditorI18n.column);
             input2_1.value = tableElement.rows[0].cells.length.toString();
             input2_1.oninput = function () {
                 updateTable_1();
@@ -7838,15 +7508,16 @@ var highlightToolbarWYSIWYG = function (vditor) {
         // footnote popover
         var footnotesRefElement = (0,hasClosest/* hasClosestByAttribute */.a1)(typeElement, "data-type", "footnotes-ref");
         if (footnotesRefElement) {
+            var lang = vditor.options.lang;
+            var options = vditor.options;
             vditor.wysiwyg.popover.innerHTML = "";
             var inputWrap = document.createElement("span");
-            inputWrap.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].footnoteRef +
-                "<" + (0,compatibility/* updateHotkeyTip */.ns)("⌥Enter") + ">");
+            inputWrap.setAttribute("aria-label", window.VditorI18n.footnoteRef + "<" + (0,compatibility/* updateHotkeyTip */.ns)("⌥Enter") + ">");
             inputWrap.className = "vditor-tooltipped vditor-tooltipped__n";
             var input_2 = document.createElement("input");
             inputWrap.appendChild(input_2);
             input_2.className = "vditor-input";
-            input_2.setAttribute("placeholder", i18n/* i18n */.a[vditor.options.lang].footnoteRef + "<" + (0,compatibility/* updateHotkeyTip */.ns)("⌥Enter") + ">");
+            input_2.setAttribute("placeholder", window.VditorI18n.footnoteRef + "<" + (0,compatibility/* updateHotkeyTip */.ns)("⌥Enter") + ">");
             input_2.style.width = "120px";
             input_2.value = footnotesRefElement.getAttribute("data-footnotes-label");
             input_2.oninput = function () {
@@ -7858,7 +7529,10 @@ var highlightToolbarWYSIWYG = function (vditor) {
                 if (event.isComposing) {
                     return;
                 }
-                if (!(0,compatibility/* isCtrl */.yl)(event) && !event.shiftKey && event.altKey && event.key === "Enter") {
+                if (!(0,compatibility/* isCtrl */.yl)(event) &&
+                    !event.shiftKey &&
+                    event.altKey &&
+                    event.key === "Enter") {
                     range.selectNodeContents(footnotesRefElement);
                     range.collapse(false);
                     (0,selection/* setSelectionFocus */.Hc)(range);
@@ -7873,24 +7547,28 @@ var highlightToolbarWYSIWYG = function (vditor) {
         }
         var blockRenderElement = (0,hasClosest/* hasClosestByClassName */.fb)(typeElement, "vditor-wysiwyg__block");
         // block popover: math-inline, math-block, html-block, html-inline, code-block, html-entity
-        if (blockRenderElement && blockRenderElement.getAttribute("data-type").indexOf("block") > -1) {
+        if (blockRenderElement &&
+            blockRenderElement.getAttribute("data-type").indexOf("block") > -1) {
+            var lang = vditor.options.lang;
+            var options = vditor.options;
             vditor.wysiwyg.popover.innerHTML = "";
             genUp(range, blockRenderElement, vditor);
             genDown(range, blockRenderElement, vditor);
             genClose(blockRenderElement, vditor);
             if (blockRenderElement.getAttribute("data-type") === "code-block") {
                 var languageWrap = document.createElement("span");
-                languageWrap.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].language +
-                    "<" + (0,compatibility/* updateHotkeyTip */.ns)("⌥Enter") + ">");
+                languageWrap.setAttribute("aria-label", window.VditorI18n.language + "<" + (0,compatibility/* updateHotkeyTip */.ns)("⌥Enter") + ">");
                 languageWrap.className = "vditor-tooltipped vditor-tooltipped__n";
                 var language_1 = document.createElement("input");
                 languageWrap.appendChild(language_1);
                 var codeElement_1 = blockRenderElement.firstElementChild.firstElementChild;
                 language_1.className = "vditor-input";
-                language_1.setAttribute("placeholder", i18n/* i18n */.a[vditor.options.lang].language + "<" + (0,compatibility/* updateHotkeyTip */.ns)("⌥Enter") + ">");
-                language_1.value = codeElement_1.className.indexOf("language-") > -1 ?
-                    codeElement_1.className.split("-")[1].split(" ")[0] : "";
-                language_1.oninput = function () {
+                language_1.setAttribute("placeholder", window.VditorI18n.language + "<" + (0,compatibility/* updateHotkeyTip */.ns)("⌥Enter") + ">");
+                language_1.value =
+                    codeElement_1.className.indexOf("language-") > -1
+                        ? codeElement_1.className.split("-")[1].split(" ")[0]
+                        : "";
+                language_1.oninput = function (e) {
                     if (language_1.value.trim() !== "") {
                         codeElement_1.className = "language-" + language_1.value;
                     }
@@ -7899,10 +7577,18 @@ var highlightToolbarWYSIWYG = function (vditor) {
                         vditor.hint.recentLanguage = "";
                     }
                     if (blockRenderElement.lastElementChild.classList.contains("vditor-wysiwyg__preview")) {
-                        blockRenderElement.lastElementChild.innerHTML = blockRenderElement.firstElementChild.innerHTML;
+                        blockRenderElement.lastElementChild.innerHTML =
+                            blockRenderElement.firstElementChild.innerHTML;
                         processCodeRender(blockRenderElement.lastElementChild, vditor);
                     }
                     afterRenderEvent(vditor);
+                    // 当鼠标点选语言时，触发自定义input事件
+                    if (e.detail === 1) {
+                        // 选择语言后，输入焦点切换到代码输入框
+                        range.setStart(codeElement_1.firstChild, 0);
+                        range.collapse(true);
+                        (0,selection/* setSelectionFocus */.Hc)(range);
+                    }
                 };
                 language_1.onkeydown = function (event) {
                     if (event.isComposing) {
@@ -7911,21 +7597,29 @@ var highlightToolbarWYSIWYG = function (vditor) {
                     if (removeBlockElement(vditor, event)) {
                         return;
                     }
-                    if (event.key === "Escape" && vditor.hint.element.style.display === "block") {
+                    if (event.key === "Escape" &&
+                        vditor.hint.element.style.display === "block") {
                         vditor.hint.element.style.display = "none";
                         event.preventDefault();
                         return;
                     }
-                    if (!(0,compatibility/* isCtrl */.yl)(event) && !event.shiftKey && event.altKey && event.key === "Enter") {
+                    vditor.hint.select(event, vditor);
+                    if (!(0,compatibility/* isCtrl */.yl)(event) &&
+                        !event.shiftKey &&
+                        event.key === "Enter") {
                         range.setStart(codeElement_1.firstChild, 0);
                         range.collapse(true);
                         (0,selection/* setSelectionFocus */.Hc)(range);
+                        event.preventDefault();
+                        event.stopPropagation();
                     }
-                    vditor.hint.select(event, vditor);
                 };
                 language_1.onkeyup = function (event) {
-                    if (event.isComposing || event.key === "Enter" || event.key === "ArrowUp" || event.key === "Escape"
-                        || event.key === "ArrowDown") {
+                    if (event.isComposing ||
+                        event.key === "Enter" ||
+                        event.key === "ArrowUp" ||
+                        event.key === "Escape" ||
+                        event.key === "ArrowDown") {
                         return;
                     }
                     var matchLangData = [];
@@ -7947,7 +7641,9 @@ var highlightToolbarWYSIWYG = function (vditor) {
         }
         else {
             if (!blockRenderElement) {
-                vditor.wysiwyg.element.querySelectorAll(".vditor-wysiwyg__preview").forEach(function (itemElement) {
+                vditor.wysiwyg.element
+                    .querySelectorAll(".vditor-wysiwyg__preview")
+                    .forEach(function (itemElement) {
                     var previousElement = itemElement.previousElementSibling;
                     previousElement.style.display = "none";
                 });
@@ -7972,7 +7668,10 @@ var highlightToolbarWYSIWYG = function (vditor) {
                 if (event.isComposing) {
                     return;
                 }
-                if (!(0,compatibility/* isCtrl */.yl)(event) && !event.shiftKey && event.altKey && event.key === "Enter") {
+                if (!(0,compatibility/* isCtrl */.yl)(event) &&
+                    !event.shiftKey &&
+                    event.altKey &&
+                    event.key === "Enter") {
                     range.selectNodeContents(headingElement);
                     range.collapse(false);
                     (0,selection/* setSelectionFocus */.Hc)(range);
@@ -7991,10 +7690,18 @@ var highlightToolbarWYSIWYG = function (vditor) {
         if (aElement) {
             genAPopover(vditor, aElement);
         }
-        if (!blockquoteElement && !liElement && !tableElement && !blockRenderElement && !aElement
-            && !linkRefElement && !footnotesRefElement && !headingElement && !tocElement) {
+        if (!blockquoteElement &&
+            !liElement &&
+            !tableElement &&
+            !blockRenderElement &&
+            !aElement &&
+            !linkRefElement &&
+            !footnotesRefElement &&
+            !headingElement &&
+            !tocElement) {
             var blockElement = (0,hasClosest/* hasClosestByAttribute */.a1)(typeElement, "data-block", "0");
-            if (blockElement && blockElement.parentElement.isEqualNode(vditor.wysiwyg.element)) {
+            if (blockElement &&
+                blockElement.parentElement.isEqualNode(vditor.wysiwyg.element)) {
                 vditor.wysiwyg.popover.innerHTML = "";
                 genUp(range, blockElement, vditor);
                 genDown(range, blockElement, vditor);
@@ -8006,7 +7713,9 @@ var highlightToolbarWYSIWYG = function (vditor) {
             }
         }
         // 反斜杠特殊处理
-        vditor.wysiwyg.element.querySelectorAll('span[data-type="backslash"] > span').forEach(function (item) {
+        vditor.wysiwyg.element
+            .querySelectorAll('span[data-type="backslash"] > span')
+            .forEach(function (item) {
             item.style.display = "none";
         });
         var backslashElement = (0,hasClosest/* hasClosestByAttribute */.a1)(range.startContainer, "data-type", "backslash");
@@ -8023,7 +7732,8 @@ var setPopoverPosition = function (vditor, element) {
     }
     vditor.wysiwyg.popover.style.left = "0";
     vditor.wysiwyg.popover.style.display = "block";
-    vditor.wysiwyg.popover.style.top = Math.max(-8, targetElement.offsetTop - 21 - vditor.wysiwyg.element.scrollTop) + "px";
+    vditor.wysiwyg.popover.style.top =
+        Math.max(-8, targetElement.offsetTop - 21 - vditor.wysiwyg.element.scrollTop) + "px";
     vditor.wysiwyg.popover.style.left =
         Math.min(targetElement.offsetLeft, vditor.wysiwyg.element.clientWidth - vditor.wysiwyg.popover.clientWidth) + "px";
     vditor.wysiwyg.popover.setAttribute("data-top", (targetElement.offsetTop - 21).toString());
@@ -8045,14 +7755,15 @@ var genLinkRefPopover = function (vditor, linkRefElement) {
         }
     };
     var inputWrap = document.createElement("span");
-    inputWrap.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].textIsNotEmpty);
+    inputWrap.setAttribute("aria-label", window.VditorI18n.textIsNotEmpty);
     inputWrap.className = "vditor-tooltipped vditor-tooltipped__n";
     var input = document.createElement("input");
     inputWrap.appendChild(input);
     input.className = "vditor-input";
-    input.setAttribute("placeholder", i18n/* i18n */.a[vditor.options.lang].textIsNotEmpty);
+    input.setAttribute("placeholder", window.VditorI18n.textIsNotEmpty);
     input.style.width = "120px";
-    input.value = linkRefElement.getAttribute("alt") || linkRefElement.textContent;
+    input.value =
+        linkRefElement.getAttribute("alt") || linkRefElement.textContent;
     input.oninput = function () {
         updateLinkRef();
     };
@@ -8063,12 +7774,12 @@ var genLinkRefPopover = function (vditor, linkRefElement) {
         linkHotkey(vditor, linkRefElement, event, input1);
     };
     var input1Wrap = document.createElement("span");
-    input1Wrap.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].linkRef);
+    input1Wrap.setAttribute("aria-label", window.VditorI18n.linkRef);
     input1Wrap.className = "vditor-tooltipped vditor-tooltipped__n";
     var input1 = document.createElement("input");
     input1Wrap.appendChild(input1);
     input1.className = "vditor-input";
-    input1.setAttribute("placeholder", i18n/* i18n */.a[vditor.options.lang].linkRef);
+    input1.setAttribute("placeholder", window.VditorI18n.linkRef);
     input1.value = linkRefElement.getAttribute("data-link-label");
     input1.oninput = function () {
         updateLinkRef();
@@ -8086,14 +7797,15 @@ var genLinkRefPopover = function (vditor, linkRefElement) {
 };
 var genUp = function (range, element, vditor) {
     var previousElement = element.previousElementSibling;
-    if (!previousElement || (!element.parentElement.isEqualNode(vditor.wysiwyg.element) && element.tagName !== "LI")) {
+    if (!previousElement ||
+        (!element.parentElement.isEqualNode(vditor.wysiwyg.element) &&
+            element.tagName !== "LI")) {
         return;
     }
     var upElement = document.createElement("button");
     upElement.setAttribute("type", "button");
     upElement.setAttribute("data-type", "up");
-    upElement.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].up +
-        "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘U") + ">");
+    upElement.setAttribute("aria-label", window.VditorI18n.up + "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘U") + ">");
     upElement.innerHTML = '<svg><use xlink:href="#vditor-icon-up"></use></svg>';
     upElement.className = "vditor-icon vditor-tooltipped vditor-tooltipped__n";
     upElement.onclick = function () {
@@ -8108,16 +7820,19 @@ var genUp = function (range, element, vditor) {
 };
 var genDown = function (range, element, vditor) {
     var nextElement = element.nextElementSibling;
-    if (!nextElement || (!element.parentElement.isEqualNode(vditor.wysiwyg.element) && element.tagName !== "LI")) {
+    if (!nextElement ||
+        (!element.parentElement.isEqualNode(vditor.wysiwyg.element) &&
+            element.tagName !== "LI")) {
         return;
     }
     var downElement = document.createElement("button");
     downElement.setAttribute("type", "button");
     downElement.setAttribute("data-type", "down");
-    downElement.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].down +
-        "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘D") + ">");
-    downElement.innerHTML = '<svg><use xlink:href="#vditor-icon-down"></use></svg>';
-    downElement.className = "vditor-icon vditor-tooltipped vditor-tooltipped__n";
+    downElement.setAttribute("aria-label", window.VditorI18n.down + "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘D") + ">");
+    downElement.innerHTML =
+        '<svg><use xlink:href="#vditor-icon-down"></use></svg>';
+    downElement.className =
+        "vditor-icon vditor-tooltipped vditor-tooltipped__n";
     downElement.onclick = function () {
         range.insertNode(document.createElement("wbr"));
         nextElement.insertAdjacentElement("afterend", element);
@@ -8132,9 +7847,9 @@ var genClose = function (element, vditor) {
     var close = document.createElement("button");
     close.setAttribute("type", "button");
     close.setAttribute("data-type", "remove");
-    close.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].remove +
-        "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘X") + ">");
-    close.innerHTML = '<svg><use xlink:href="#vditor-icon-trashcan"></use></svg>';
+    close.setAttribute("aria-label", window.VditorI18n.remove + "<" + (0,compatibility/* updateHotkeyTip */.ns)("⇧⌘X") + ">");
+    close.innerHTML =
+        '<svg><use xlink:href="#vditor-icon-trashcan"></use></svg>';
     close.className = "vditor-icon vditor-tooltipped vditor-tooltipped__n";
     close.onclick = function () {
         var range = (0,selection/* getEditorRange */.zh)(vditor);
@@ -8156,7 +7871,10 @@ var linkHotkey = function (vditor, element, event, nextInputElement) {
         event.preventDefault();
         return;
     }
-    if (!(0,compatibility/* isCtrl */.yl)(event) && !event.shiftKey && event.altKey && event.key === "Enter") {
+    if (!(0,compatibility/* isCtrl */.yl)(event) &&
+        !event.shiftKey &&
+        event.altKey &&
+        event.key === "Enter") {
         var range = (0,selection/* getEditorRange */.zh)(vditor);
         // firefox 不会打断 link https://github.com/Vanessa219/vditor/issues/193
         element.insertAdjacentHTML("afterend", constants/* Constants.ZWSP */.g.ZWSP);
@@ -8167,6 +7885,8 @@ var linkHotkey = function (vditor, element, event, nextInputElement) {
     }
 };
 var genAPopover = function (vditor, aElement) {
+    var lang = vditor.options.lang;
+    var options = vditor.options;
     vditor.wysiwyg.popover.innerHTML = "";
     var updateA = function () {
         if (input.value.trim() !== "") {
@@ -8179,12 +7899,12 @@ var genAPopover = function (vditor, aElement) {
         item.removeAttribute("data-marker");
     });
     var inputWrap = document.createElement("span");
-    inputWrap.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].textIsNotEmpty);
+    inputWrap.setAttribute("aria-label", window.VditorI18n.textIsNotEmpty);
     inputWrap.className = "vditor-tooltipped vditor-tooltipped__n";
     var input = document.createElement("input");
     inputWrap.appendChild(input);
     input.className = "vditor-input";
-    input.setAttribute("placeholder", i18n/* i18n */.a[vditor.options.lang].textIsNotEmpty);
+    input.setAttribute("placeholder", window.VditorI18n.textIsNotEmpty);
     input.style.width = "120px";
     input.value = aElement.innerHTML || "";
     input.oninput = function () {
@@ -8197,12 +7917,12 @@ var genAPopover = function (vditor, aElement) {
         linkHotkey(vditor, aElement, event, input1);
     };
     var input1Wrap = document.createElement("span");
-    input1Wrap.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].link);
+    input1Wrap.setAttribute("aria-label", window.VditorI18n.link);
     input1Wrap.className = "vditor-tooltipped vditor-tooltipped__n";
     var input1 = document.createElement("input");
     input1Wrap.appendChild(input1);
     input1.className = "vditor-input";
-    input1.setAttribute("placeholder", i18n/* i18n */.a[vditor.options.lang].link);
+    input1.setAttribute("placeholder", window.VditorI18n.link);
     input1.value = aElement.getAttribute("href") || "";
     input1.oninput = function () {
         updateA();
@@ -8214,12 +7934,12 @@ var genAPopover = function (vditor, aElement) {
         linkHotkey(vditor, aElement, event, input2);
     };
     var input2Wrap = document.createElement("span");
-    input2Wrap.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].tooltipText);
+    input2Wrap.setAttribute("aria-label", window.VditorI18n.tooltipText);
     input2Wrap.className = "vditor-tooltipped vditor-tooltipped__n";
     var input2 = document.createElement("input");
     input2Wrap.appendChild(input2);
     input2.className = "vditor-input";
-    input2.setAttribute("placeholder", i18n/* i18n */.a[vditor.options.lang].tooltipText);
+    input2.setAttribute("placeholder", window.VditorI18n.tooltipText);
     input2.style.width = "60px";
     input2.value = aElement.getAttribute("title") || "";
     input2.oninput = function () {
@@ -8246,12 +7966,12 @@ var genImagePopover = function (event, vditor) {
         imgElement.setAttribute("title", title.value);
     };
     var inputWrap = document.createElement("span");
-    inputWrap.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].imageURL);
+    inputWrap.setAttribute("aria-label", window.VditorI18n.imageURL);
     inputWrap.className = "vditor-tooltipped vditor-tooltipped__n";
     var inputElement = document.createElement("input");
     inputWrap.appendChild(inputElement);
     inputElement.className = "vditor-input";
-    inputElement.setAttribute("placeholder", i18n/* i18n */.a[vditor.options.lang].imageURL);
+    inputElement.setAttribute("placeholder", window.VditorI18n.imageURL);
     inputElement.value = imgElement.getAttribute("src") || "";
     inputElement.oninput = function () {
         updateImg();
@@ -8260,12 +7980,12 @@ var genImagePopover = function (event, vditor) {
         removeBlockElement(vditor, elementEvent);
     };
     var altWrap = document.createElement("span");
-    altWrap.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].alternateText);
+    altWrap.setAttribute("aria-label", window.VditorI18n.alternateText);
     altWrap.className = "vditor-tooltipped vditor-tooltipped__n";
     var alt = document.createElement("input");
     altWrap.appendChild(alt);
     alt.className = "vditor-input";
-    alt.setAttribute("placeholder", i18n/* i18n */.a[vditor.options.lang].alternateText);
+    alt.setAttribute("placeholder", window.VditorI18n.alternateText);
     alt.style.width = "52px";
     alt.value = imgElement.getAttribute("alt") || "";
     alt.oninput = function () {
@@ -8275,12 +7995,12 @@ var genImagePopover = function (event, vditor) {
         removeBlockElement(vditor, elementEvent);
     };
     var titleWrap = document.createElement("span");
-    titleWrap.setAttribute("aria-label", i18n/* i18n */.a[vditor.options.lang].title);
+    titleWrap.setAttribute("aria-label", window.VditorI18n.title);
     titleWrap.className = "vditor-tooltipped vditor-tooltipped__n";
     var title = document.createElement("input");
     titleWrap.appendChild(title);
     title.className = "vditor-input";
-    title.setAttribute("placeholder", i18n/* i18n */.a[vditor.options.lang].title);
+    title.setAttribute("placeholder", window.VditorI18n.title);
     title.value = imgElement.getAttribute("title") || "";
     title.oninput = function () {
         updateImg();
@@ -8671,7 +8391,6 @@ var toolbarEvent = function (vditor, actionBtn, event) {
 
 
 
-
 var MenuItem = /** @class */ (function () {
     function MenuItem(vditor, menuItem) {
         var _a;
@@ -8684,8 +8403,7 @@ var MenuItem = /** @class */ (function () {
         if (menuItem.level === 2) {
             hotkey = menuItem.hotkey ? " &lt;" + (0,compatibility/* updateHotkeyTip */.ns)(menuItem.hotkey) + "&gt;" : "";
         }
-        var tip = menuItem.tip ?
-            menuItem.tip + hotkey : i18n/* i18n */.a[vditor.options.lang][menuItem.name] + hotkey;
+        var tip = menuItem.tip ? menuItem.tip + hotkey : "" + window.VditorI18n[menuItem.name] + hotkey;
         var tagName = menuItem.name === "upload" ? "div" : "button";
         if (menuItem.level === 2) {
             this.element.innerHTML = "<" + tagName + " data-type=\"" + menuItem.name + "\">" + tip + "</" + tagName + ">";
@@ -8749,7 +8467,6 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
-
 var setEditMode = function (vditor, type, event) {
     var markdownText;
     if (typeof event !== "string") {
@@ -8876,7 +8593,7 @@ var EditMode = /** @class */ (function (_super) {
         var _this = _super.call(this, vditor, menuItem) || this;
         var panelElement = document.createElement("div");
         panelElement.className = "vditor-hint" + (menuItem.level === 2 ? "" : " vditor-panel--arrow");
-        panelElement.innerHTML = "<button data-mode=\"wysiwyg\">" + i18n/* i18n */.a[vditor.options.lang].wysiwyg + " &lt;" + (0,compatibility/* updateHotkeyTip */.ns)("⌥⌘7") + "></button>\n<button data-mode=\"ir\">" + i18n/* i18n */.a[vditor.options.lang].instantRendering + " &lt;" + (0,compatibility/* updateHotkeyTip */.ns)("⌥⌘8") + "></button>\n<button data-mode=\"sv\">" + i18n/* i18n */.a[vditor.options.lang].splitView + " &lt;" + (0,compatibility/* updateHotkeyTip */.ns)("⌥⌘9") + "></button>";
+        panelElement.innerHTML = "<button data-mode=\"wysiwyg\">" + window.VditorI18n.wysiwyg + " &lt;" + (0,compatibility/* updateHotkeyTip */.ns)("⌥⌘7") + "></button>\n<button data-mode=\"ir\">" + window.VditorI18n.instantRendering + " &lt;" + (0,compatibility/* updateHotkeyTip */.ns)("⌥⌘8") + "></button>\n<button data-mode=\"sv\">" + window.VditorI18n.splitView + " &lt;" + (0,compatibility/* updateHotkeyTip */.ns)("⌥⌘9") + "></button>";
         _this.element.appendChild(panelElement);
         _this._bindEvent(vditor, panelElement, menuItem);
         return _this;
@@ -8940,7 +8657,7 @@ var focusEvent = function (vditor, editorElement) {
         if (vditor.options.focus) {
             vditor.options.focus(getMarkdown(vditor));
         }
-        hidePanel(vditor, ["subToolbar"]);
+        hidePanel(vditor, ["subToolbar", "hint"]);
     });
 };
 var dblclickEvent = function (vditor, editorElement) {
@@ -8978,7 +8695,7 @@ var dropEvent = function (vditor, editorElement) {
             // 编辑器内选中文字拖拽
             execAfterRender(vditor);
         }
-        else if (event.dataTransfer.types[0] === "Files" || event.dataTransfer.types.includes("text/html")) {
+        else if (event.dataTransfer.types.includes("Files") || event.dataTransfer.types.includes("text/html")) {
             // 外部文件拖入编辑器中或者编辑器内选中文字拖拽
             paste(vditor, event, {
                 pasteCode: function (code) {
@@ -9438,7 +9155,6 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
 
 
 
-
 var Upload = /** @class */ (function () {
     function Upload() {
         this.isUploading = false;
@@ -9453,15 +9169,16 @@ var validateFile = function (vditor, files) {
     var errorTip = "";
     var uploadingStr = "";
     var lang = vditor.options.lang;
+    var options = vditor.options;
     var _loop_1 = function (iMax, i) {
         var file = files[i];
         var validate = true;
         if (!file.name) {
-            errorTip += "<li>" + i18n/* i18n */.a[lang].nameEmpty + "</li>";
+            errorTip += "<li>" + window.VditorI18n.nameEmpty + "</li>";
             validate = false;
         }
         if (file.size > vditor.options.upload.max) {
-            errorTip += "<li>" + file.name + " " + i18n/* i18n */.a[lang].over + " " + vditor.options.upload.max / 1024 / 1024 + "M</li>";
+            errorTip += "<li>" + file.name + " " + window.VditorI18n.over + " " + vditor.options.upload.max / 1024 / 1024 + "M</li>";
             validate = false;
         }
         var lastIndex = file.name.lastIndexOf(".");
@@ -9483,13 +9200,13 @@ var validateFile = function (vditor, files) {
                 return false;
             });
             if (!isAccept) {
-                errorTip += "<li>" + file.name + " " + i18n/* i18n */.a[lang].fileTypeError + "</li>";
+                errorTip += "<li>" + file.name + " " + window.VditorI18n.fileTypeError + "</li>";
                 validate = false;
             }
         }
         if (validate) {
             uploadFileList.push(file);
-            uploadingStr += "<li>" + filename + " " + i18n/* i18n */.a[lang].uploading + "</li>";
+            uploadingStr += "<li>" + filename + " " + window.VditorI18n.uploading + "</li>";
         }
     };
     for (var iMax = files.length, i = 0; i < iMax; i++) {
@@ -9511,7 +9228,7 @@ var genUploadedLabel = function (responseText, vditor) {
         response.data.errFiles.forEach(function (data) {
             var lastIndex = data.lastIndexOf(".");
             var filename = vditor.options.upload.filename(data.substr(0, lastIndex)) + data.substr(lastIndex);
-            errorTip += "<li>" + filename + " " + i18n/* i18n */.a[vditor.options.lang].uploadError + "</li>";
+            errorTip += "<li>" + filename + " " + window.VditorI18n.uploadError + "</li>";
         });
         errorTip += "</ul>";
     }
@@ -9530,7 +9247,7 @@ var genUploadedLabel = function (responseText, vditor) {
         type = type.toLowerCase();
         if (type.indexOf(".wav") === 0 || type.indexOf(".mp3") === 0 || type.indexOf(".ogg") === 0) {
             if (vditor.currentMode === "wysiwyg") {
-                succFileText += "<div class=\"vditor-wysiwyg__block\" data-type=\"html-block\"\n data-block=\"0\"><pre><code>&lt;audio controls=\"controls\" src=\"" + path + "\"&gt;&lt;/audio&gt;</code></pre>";
+                succFileText += "<div class=\"vditor-wysiwyg__block\" data-type=\"html-block\"\n data-block=\"0\"><pre><code>&lt;audio controls=\"controls\" src=\"" + path + "\"&gt;&lt;/audio&gt;</code></pre>\n";
             }
             else if (vditor.currentMode === "ir") {
                 succFileText += "<audio controls=\"controls\" src=\"" + path + "\"></audio>\n";
@@ -9548,7 +9265,7 @@ var genUploadedLabel = function (responseText, vditor) {
             || type.indexOf(".svg") === 0
             || type.indexOf(".webp") === 0) {
             if (vditor.currentMode === "wysiwyg") {
-                succFileText += "<img alt=\"" + filename + "\" src=\"" + path + "\">";
+                succFileText += "<img alt=\"" + filename + "\" src=\"" + path + "\">\n";
             }
             else {
                 succFileText += "![" + filename + "](" + path + ")\n";
@@ -9556,7 +9273,7 @@ var genUploadedLabel = function (responseText, vditor) {
         }
         else {
             if (vditor.currentMode === "wysiwyg") {
-                succFileText += "<a href=\"" + path + "\">" + filename + "</a>";
+                succFileText += "<a href=\"" + path + "\">" + filename + "</a>\n";
             }
             else {
                 succFileText += "[" + filename + "](" + path + ")\n";
@@ -9581,14 +9298,16 @@ var uploadFiles = function (vditor, files, element) { return __awaiter(void 0, v
                     }
                     fileList.push(fileItem);
                 }
-                if (vditor.options.upload.handler) {
-                    isValidate = vditor.options.upload.handler(fileList);
-                    if (typeof isValidate === "string") {
-                        vditor.tip.show(isValidate);
-                        return [2 /*return*/];
-                    }
+                if (!vditor.options.upload.handler) return [3 /*break*/, 2];
+                return [4 /*yield*/, vditor.options.upload.handler(fileList)];
+            case 1:
+                isValidate = _b.sent();
+                if (typeof isValidate === "string") {
+                    vditor.tip.show(isValidate);
                     return [2 /*return*/];
                 }
+                return [2 /*return*/];
+            case 2:
                 if (!vditor.options.upload.url || !vditor.upload) {
                     if (element) {
                         element.value = "";
@@ -9596,12 +9315,12 @@ var uploadFiles = function (vditor, files, element) { return __awaiter(void 0, v
                     vditor.tip.show("please config: options.upload.url");
                     return [2 /*return*/];
                 }
-                if (!vditor.options.upload.file) return [3 /*break*/, 2];
+                if (!vditor.options.upload.file) return [3 /*break*/, 4];
                 return [4 /*yield*/, vditor.options.upload.file(fileList)];
-            case 1:
+            case 3:
                 fileList = _b.sent();
-                _b.label = 2;
-            case 2:
+                _b.label = 4;
+            case 4:
                 if (vditor.options.upload.validate) {
                     isValidate = vditor.options.upload.validate(fileList);
                     if (typeof isValidate === "string") {
@@ -10124,10 +9843,14 @@ var listToggle = function (vditor, range, type, cancel) {
                 var element = void 0;
                 if (type === "list") {
                     element = document.createElement("ul");
+                    element.setAttribute("data-marker", "*");
                 }
                 else {
                     element = document.createElement("ol");
+                    element.setAttribute("data-marker", "1.");
                 }
+                element.setAttribute("data-block", "0");
+                element.setAttribute("data-tight", itemElement.parentElement.getAttribute("data-tight"));
                 element.innerHTML = itemElement.parentElement.innerHTML;
                 itemElement.parentElement.parentNode.replaceChild(element, itemElement.parentElement);
             }
@@ -11123,7 +10846,7 @@ var paste = function (vditor, event, callback) { return fixBrowserBehavior_await
                 else {
                     textHTML = event.dataTransfer.getData("text/html");
                     textPlain = event.dataTransfer.getData("text/plain");
-                    if (event.dataTransfer.types[0] === "Files") {
+                    if (event.dataTransfer.types.includes("Files")) {
                         files = event.dataTransfer.items;
                     }
                 }
@@ -11207,6 +10930,7 @@ var paste = function (vditor, event, callback) { return fixBrowserBehavior_await
                 if (doc.body) {
                     textHTML = doc.body.innerHTML;
                 }
+                textHTML = Lute.Sanitize(textHTML);
                 vditor.wysiwyg.getComments(vditor);
                 height = vditor[vditor.currentMode].element.scrollHeight;
                 code = processPasteCode(textHTML, textPlain, vditor.currentMode);
@@ -11265,7 +10989,7 @@ var paste = function (vditor, event, callback) { return fixBrowserBehavior_await
                 vditor.outline.render(vditor);
                 return [3 /*break*/, 6];
             case 3:
-                if (!(files.length > 0 && vditor.options.upload.url)) return [3 /*break*/, 5];
+                if (!(files.length > 0 && (vditor.options.upload.url || vditor.options.upload.handler))) return [3 /*break*/, 5];
                 return [4 /*yield*/, uploadFiles(vditor, files)];
             case 4:
                 _b.sent();
@@ -11553,6 +11277,42 @@ var process_processToolbar = function (vditor, actionBtn, prefix, suffix) {
 };
 
 ;// CONCATENATED MODULE: ./src/ts/hint/index.ts
+var hint_awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var hint_generator = (undefined && undefined.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 
 
 
@@ -11586,15 +11346,25 @@ var Hint = /** @class */ (function () {
                     return;
                 }
             }
-            if (vditor.currentMode === "wysiwyg" && range.startContainer.nodeType !== 3 &&
-                range.startContainer.firstElementChild.classList.contains("vditor-input")) {
-                var inputElement = range.startContainer.firstElementChild;
-                inputElement.value = value.trimRight();
-                range.selectNodeContents(inputElement);
-                range.collapse(false);
-                inputElement.dispatchEvent(new CustomEvent("input"));
-                _this.recentLanguage = value.trimRight();
-                return;
+            if (vditor.currentMode === "wysiwyg" && range.startContainer.nodeType !== 3) {
+                var startContainer = range.startContainer;
+                var inputElement = void 0;
+                if (startContainer.classList.contains("vditor-input")) {
+                    inputElement = startContainer;
+                }
+                else {
+                    inputElement = startContainer.firstElementChild;
+                }
+                if (inputElement && inputElement.classList.contains("vditor-input")) {
+                    inputElement.value = value.trimRight();
+                    range.selectNodeContents(inputElement);
+                    range.collapse(false);
+                    // {detail: 1}用于标识这个自定义事件是在编程语言选择后触发的
+                    // 用于在鼠标选择语言后，自动聚焦到代码输入框
+                    inputElement.dispatchEvent(new CustomEvent("input", { detail: 1 }));
+                    _this.recentLanguage = value.trimRight();
+                    return;
+                }
             }
             range.setStart(range.startContainer, _this.lastIndex);
             range.deleteContents();
@@ -11678,9 +11448,19 @@ var Hint = /** @class */ (function () {
                 vditor.options.hint.extend.forEach(function (item) {
                     if (item.key === _this.splitChar) {
                         clearTimeout(_this.timeId);
-                        _this.timeId = window.setTimeout(function () {
-                            _this.genHTML(item.hint(key), key, vditor);
-                        }, vditor.options.hint.delay);
+                        _this.timeId = window.setTimeout(function () { return hint_awaiter(_this, void 0, void 0, function () {
+                            var _a;
+                            return hint_generator(this, function (_b) {
+                                switch (_b.label) {
+                                    case 0:
+                                        _a = this.genHTML;
+                                        return [4 /*yield*/, item.hint(key)];
+                                    case 1:
+                                        _a.apply(this, [_b.sent(), key, vditor]);
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); }, vditor.options.hint.delay);
                     }
                 });
             }
@@ -12120,7 +11900,6 @@ var mediaRender = __webpack_require__(207);
 
 
 
-
 var Preview = /** @class */ (function () {
     function Preview(vditor) {
         var _this = this;
@@ -12292,7 +12071,7 @@ var Preview = /** @class */ (function () {
         var time = (new Date().getTime() - startTime);
         if ((new Date().getTime() - startTime) > 2600) {
             // https://github.com/b3log/vditor/issues/67
-            vditor.tip.show(i18n/* i18n */.a[vditor.options.lang].performanceTip.replace("${x}", time.toString()));
+            vditor.tip.show(window.VditorI18n.performanceTip.replace("${x}", time.toString()));
             vditor.preview.element.setAttribute("data-type", "renderPerformance");
         }
         else if (vditor.preview.element.getAttribute("data-type") === "renderPerformance") {
@@ -12303,7 +12082,7 @@ var Preview = /** @class */ (function () {
         if (cmtFocusElement) {
             cmtFocusElement.classList.remove("vditor-comment--focus");
         }
-        (0,codeRender/* codeRender */.O)(vditor.preview.element.lastElementChild, vditor.options.lang);
+        (0,codeRender/* codeRender */.O)(vditor.preview.element.lastElementChild);
         (0,highlightRender/* highlightRender */.s)(vditor.options.preview.hljs, vditor.preview.element.lastElementChild, vditor.options.cdn);
         (0,mermaidRender/* mermaidRender */.i)(vditor.preview.element.lastElementChild, vditor.options.cdn, vditor.options.theme);
         (0,flowchartRender/* flowchartRender */.P)(vditor.preview.element.lastElementChild, vditor.options.cdn);
@@ -12944,7 +12723,6 @@ var Emoji = /** @class */ (function (_super) {
 ;// CONCATENATED MODULE: ./src/ts/export/index.ts
 
 
-
 var download = function (vditor, content, filename) {
     var aElement = document.createElement("a");
     if ("download" in aElement) {
@@ -12956,7 +12734,7 @@ var download = function (vditor, content, filename) {
         aElement.remove();
     }
     else {
-        vditor.tip.show(i18n/* i18n */.a[vditor.options.lang].downloadTip, 0);
+        vditor.tip.show(window.VditorI18n.downloadTip, 0);
     }
 };
 var exportMarkdown = function (vditor) {
@@ -12964,7 +12742,7 @@ var exportMarkdown = function (vditor) {
     download(vditor, content, content.substr(0, 10) + ".md");
 };
 var exportPDF = function (vditor) {
-    vditor.tip.show(i18n/* i18n */.a[vditor.options.lang].generate, 3800);
+    vditor.tip.show(window.VditorI18n.generate, 3800);
     var iframe = document.querySelector("iframe");
     iframe.contentDocument.open();
     iframe.contentDocument.write("<link rel=\"stylesheet\" href=\"" + vditor.options.cdn + "/dist/index.css\"/>\n<script src=\"" + vditor.options.cdn + "/dist/method.min.js\"></script>\n<div id=\"preview\"></div>\n<script>\nwindow.addEventListener(\"message\", (e) => {\n  if(!e.data) {\n    return;\n  }\n  Vditor.preview(document.getElementById('preview'), e.data, {\n    markdown: {\n      theme: \"" + vditor.options.preview.theme + "\"\n    },\n    hljs: {\n      style: \"" + vditor.options.preview.hljs.style + "\"\n    }\n  });\n  setTimeout(() => {\n        window.print();\n    }, 3600);\n}, false);\n</script>");
@@ -12975,7 +12753,7 @@ var exportPDF = function (vditor) {
 };
 var exportHTML = function (vditor) {
     var content = getHTML(vditor);
-    var html = "<html><head><link rel=\"stylesheet\" type=\"text/css\" href=\"" + vditor.options.cdn + "/dist/index.css\"/>\n<script src=\"" + vditor.options.cdn + "/dist/method.min.js\"></script></head>\n<body><div class=\"vditor-reset\" id=\"preview\">" + content + "</div>\n<script>\n    const previewElement = document.getElementById('preview')\n    Vditor.setContentTheme('" + vditor.options.preview.theme.current + "', '" + vditor.options.preview.theme.path + "');\n    Vditor.codeRender(previewElement, '" + vditor.options.lang + "');\n    Vditor.highlightRender(" + JSON.stringify(vditor.options.preview.hljs) + ", previewElement, '" + vditor.options.cdn + "');\n    Vditor.mathRender(previewElement, {\n        cdn: '" + vditor.options.cdn + "',\n        math: " + JSON.stringify(vditor.options.preview.math) + ",\n    });\n    Vditor.mermaidRender(previewElement, '" + vditor.options.cdn + "', '" + vditor.options.theme + "');\n    Vditor.flowchartRender(previewElement, '" + vditor.options.cdn + "');\n    Vditor.graphvizRender(previewElement, '" + vditor.options.cdn + "');\n    Vditor.chartRender(previewElement, '" + vditor.options.cdn + "', '" + vditor.options.theme + "');\n    Vditor.mindmapRender(previewElement, '" + vditor.options.cdn + "', '" + vditor.options.theme + "');\n    Vditor.abcRender(previewElement, '" + vditor.options.cdn + "');\n    Vditor.mediaRender(previewElement);\n</script></body></html>";
+    var html = "<html><head><link rel=\"stylesheet\" type=\"text/css\" href=\"" + vditor.options.cdn + "/dist/index.css\"/>\n<script src=\"" + vditor.options.cdn + "/dist/js/i18n/" + vditor.options.lang + ".js\"></script>\n<script src=\"" + vditor.options.cdn + "/dist/method.min.js\"></script></head>\n<body><div class=\"vditor-reset\" id=\"preview\">" + content + "</div>\n<script>\n    const previewElement = document.getElementById('preview')\n    Vditor.setContentTheme('" + vditor.options.preview.theme.current + "', '" + vditor.options.preview.theme.path + "');\n    Vditor.codeRender(previewElement);\n    Vditor.highlightRender(" + JSON.stringify(vditor.options.preview.hljs) + ", previewElement, '" + vditor.options.cdn + "');\n    Vditor.mathRender(previewElement, {\n        cdn: '" + vditor.options.cdn + "',\n        math: " + JSON.stringify(vditor.options.preview.math) + ",\n    });\n    Vditor.mermaidRender(previewElement, '" + vditor.options.cdn + "', '" + vditor.options.theme + "');\n    Vditor.flowchartRender(previewElement, '" + vditor.options.cdn + "');\n    Vditor.graphvizRender(previewElement, '" + vditor.options.cdn + "');\n    Vditor.chartRender(previewElement, '" + vditor.options.cdn + "', '" + vditor.options.theme + "');\n    Vditor.mindmapRender(previewElement, '" + vditor.options.cdn + "', '" + vditor.options.theme + "');\n    Vditor.abcRender(previewElement, '" + vditor.options.cdn + "');\n    Vditor.mediaRender(previewElement);\n    Vditor.speechRender(previewElement);\n</script>\n<script src=\"" + vditor.options.cdn + "/dist/js/icons/" + vditor.options.icon + ".js\"></script></body></html>";
     download(vditor, html, content.substr(0, 10) + ".html");
 };
 
@@ -13137,7 +12915,7 @@ var Headings = /** @class */ (function (_super) {
         var _this = _super.call(this, vditor, menuItem) || this;
         var panelElement = document.createElement("div");
         panelElement.className = "vditor-hint vditor-panel--arrow";
-        panelElement.innerHTML = "<button data-tag=\"h1\" data-value=\"# \">Heading 1 " + (0,compatibility/* updateHotkeyTip */.ns)("&lt;⌥⌘1>") + "</button>\n<button data-tag=\"h2\" data-value=\"## \">Heading 2 &lt;" + (0,compatibility/* updateHotkeyTip */.ns)("⌥⌘2") + "></button>\n<button data-tag=\"h3\" data-value=\"### \">Heading 3 &lt;" + (0,compatibility/* updateHotkeyTip */.ns)("⌥⌘3") + "></button>\n<button data-tag=\"h4\" data-value=\"#### \">Heading 4 &lt;" + (0,compatibility/* updateHotkeyTip */.ns)("⌥⌘4") + "></button>\n<button data-tag=\"h5\" data-value=\"##### \">Heading 5 &lt;" + (0,compatibility/* updateHotkeyTip */.ns)("⌥⌘5") + "></button>\n<button data-tag=\"h6\" data-value=\"###### \">Heading 6 &lt;" + (0,compatibility/* updateHotkeyTip */.ns)("⌥⌘6") + "></button>";
+        panelElement.innerHTML = "<button data-tag=\"h1\" data-value=\"# \">" + window.VditorI18n.heading1 + " " + (0,compatibility/* updateHotkeyTip */.ns)("&lt;⌥⌘1>") + "</button>\n<button data-tag=\"h2\" data-value=\"## \">" + window.VditorI18n.heading2 + " &lt;" + (0,compatibility/* updateHotkeyTip */.ns)("⌥⌘2") + "></button>\n<button data-tag=\"h3\" data-value=\"### \">" + window.VditorI18n.heading3 + " &lt;" + (0,compatibility/* updateHotkeyTip */.ns)("⌥⌘3") + "></button>\n<button data-tag=\"h4\" data-value=\"#### \">" + window.VditorI18n.heading4 + " &lt;" + (0,compatibility/* updateHotkeyTip */.ns)("⌥⌘4") + "></button>\n<button data-tag=\"h5\" data-value=\"##### \">" + window.VditorI18n.heading5 + " &lt;" + (0,compatibility/* updateHotkeyTip */.ns)("⌥⌘5") + "></button>\n<button data-tag=\"h6\" data-value=\"###### \">" + window.VditorI18n.heading6 + " &lt;" + (0,compatibility/* updateHotkeyTip */.ns)("⌥⌘6") + "></button>";
         _this.element.appendChild(panelElement);
         _this._bindEvent(vditor, panelElement);
         return _this;
@@ -13283,7 +13061,7 @@ var Info = /** @class */ (function (_super) {
         var _this = _super.call(this, vditor, menuItem) || this;
         _this.element.children[0].addEventListener((0,compatibility/* getEventName */.Le)(), function (event) {
             event.preventDefault();
-            vditor.tip.show("<div style=\"max-width: 520px; font-size: 14px;line-height: 22px;margin-bottom: 14px;\">\n<p style=\"text-align: center;margin: 14px 0\">\n    <em>\u4E0B\u4E00\u4EE3\u7684 Markdown \u7F16\u8F91\u5668\uFF0C\u4E3A\u672A\u6765\u800C\u6784\u5EFA</em>\n</p>\n<div style=\"display: flex;margin-bottom: 14px;flex-wrap: wrap;align-items: center\">\n    <img src=\"https://cdn.jsdelivr.net/npm/vditor/src/assets/images/logo.png\" style=\"margin: 0 auto;height: 68px\"/>\n    <div>&nbsp;&nbsp;</div>\n    <div style=\"flex: 1;min-width: 250px\">\n        Vditor \u662F\u4E00\u6B3E\u6D4F\u89C8\u5668\u7AEF\u7684 Markdown \u7F16\u8F91\u5668\uFF0C\u652F\u6301\u6240\u89C1\u5373\u6240\u5F97\u3001\u5373\u65F6\u6E32\u67D3\uFF08\u7C7B\u4F3C Typora\uFF09\u548C\u5206\u5C4F\u9884\u89C8\u6A21\u5F0F\u3002\n        \u5B83\u4F7F\u7528 TypeScript \u5B9E\u73B0\uFF0C\u652F\u6301\u539F\u751F JavaScript\u3001Vue\u3001React\u3001Angular\uFF0C\u63D0\u4F9B<a target=\"_blank\" href=\"https://b3log.org/siyuan\">\u684C\u9762\u7248</a>\u3002\n    </div>\n</div>\n<div style=\"display: flex;flex-wrap: wrap;\">\n    <ul style=\"list-style: none;flex: 1;min-width:148px\">\n        <li>\n        \u9879\u76EE\u5730\u5740\uFF1A<a href=\"https://b3log.org/vditor\" target=\"_blank\">b3log.org/vditor</a>\n        </li>\n        <li>\n        \u5F00\u6E90\u534F\u8BAE\uFF1AMIT\n        </li>\n    </ul>\n    <ul style=\"list-style: none;margin-right: 18px\">\n        <li>\n        \u7EC4\u4EF6\u7248\u672C\uFF1AVditor v" + constants/* VDITOR_VERSION */.H + " / Lute v" + Lute.Version + "\n        </li>\n        <li>\n        \u8D5E\u52A9\u6350\u8D60\uFF1A<a href=\"https://ld246.com/sponsor\" target=\"_blank\">https://ld246.com/sponsor</a>\n        </li>\n    </ul>\n</div>\n</div>", 0);
+            vditor.tip.show("<div style=\"max-width: 520px; font-size: 14px;line-height: 22px;margin-bottom: 14px;\">\n<p style=\"text-align: center;margin: 14px 0\">\n    <em>\u4E0B\u4E00\u4EE3\u7684 Markdown \u7F16\u8F91\u5668\uFF0C\u4E3A\u672A\u6765\u800C\u6784\u5EFA</em>\n</p>\n<div style=\"display: flex;margin-bottom: 14px;flex-wrap: wrap;align-items: center\">\n    <img src=\"https://cdn.jsdelivr.net/npm/vditor/src/assets/images/logo.png\" style=\"margin: 0 auto;height: 68px\"/>\n    <div>&nbsp;&nbsp;</div>\n    <div style=\"flex: 1;min-width: 250px\">\n        Vditor \u662F\u4E00\u6B3E\u6D4F\u89C8\u5668\u7AEF\u7684 Markdown \u7F16\u8F91\u5668\uFF0C\u652F\u6301\u6240\u89C1\u5373\u6240\u5F97\u3001\u5373\u65F6\u6E32\u67D3\uFF08\u7C7B\u4F3C Typora\uFF09\u548C\u5206\u5C4F\u9884\u89C8\u6A21\u5F0F\u3002\n        \u5B83\u4F7F\u7528 TypeScript \u5B9E\u73B0\uFF0C\u652F\u6301\u539F\u751F JavaScript \u4EE5\u53CA Vue\u3001React\u3001Angular \u548C Svelte \u7B49\u6846\u67B6\u3002\n    </div>\n</div>\n<div style=\"display: flex;flex-wrap: wrap;\">\n    <ul style=\"list-style: none;flex: 1;min-width:148px\">\n        <li>\n        \u9879\u76EE\u5730\u5740\uFF1A<a href=\"https://b3log.org/vditor\" target=\"_blank\">b3log.org/vditor</a>\n        </li>\n        <li>\n        \u5F00\u6E90\u534F\u8BAE\uFF1AMIT\n        </li>\n    </ul>\n    <ul style=\"list-style: none;margin-right: 18px\">\n        <li>\n        \u7EC4\u4EF6\u7248\u672C\uFF1AVditor v" + constants/* VDITOR_VERSION */.H + " / Lute v" + Lute.Version + "\n        </li>\n        <li>\n        \u8D5E\u52A9\u6350\u8D60\uFF1A<a href=\"https://ld246.com/sponsor\" target=\"_blank\">https://ld246.com/sponsor</a>\n        </li>\n    </ul>\n</div>\n</div>", 0);
         });
         return _this;
     }
@@ -13685,7 +13463,6 @@ var Record_extends = (undefined && undefined.__extends) || (function () {
 
 
 
-
 var Record = /** @class */ (function (_super) {
     Record_extends(Record, _super);
     function Record(vditor, menuItem) {
@@ -13716,11 +13493,11 @@ var Record = /** @class */ (function (_super) {
                         mediaRecorder.cloneChannelData(left, right);
                     };
                     mediaRecorder.startRecordingNewWavFile();
-                    vditor.tip.show(i18n/* i18n */.a[vditor.options.lang].recording);
+                    vditor.tip.show(window.VditorI18n.recording);
                     editorElement.setAttribute("contenteditable", "false");
                     _this.element.children[0].classList.add("vditor-menu--current");
                 }).catch(function () {
-                    vditor.tip.show(i18n/* i18n */.a[vditor.options.lang]["record-tip"]);
+                    vditor.tip.show(window.VditorI18n["record-tip"]);
                 });
                 return;
             }
@@ -13732,7 +13509,7 @@ var Record = /** @class */ (function (_super) {
                 _this.element.children[0].classList.remove("vditor-menu--current");
             }
             else {
-                vditor.tip.show(i18n/* i18n */.a[vditor.options.lang].recording);
+                vditor.tip.show(window.VditorI18n.recording);
                 editorElement.setAttribute("contenteditable", "false");
                 mediaRecorder.startRecordingNewWavFile();
                 _this.element.children[0].classList.add("vditor-menu--current");
@@ -14387,7 +14164,7 @@ var Options = /** @class */ (function () {
                         "info",
                         "help",
                     ],
-                }
+                },
             ],
             toolbarConfig: {
                 hide: false,
@@ -14437,204 +14214,247 @@ var Options = /** @class */ (function () {
     };
     Options.prototype.mergeToolbar = function (toolbar) {
         var _this = this;
-        var toolbarItem = [{
+        var toolbarItem = [
+            {
                 icon: '<svg><use xlink:href="#vditor-icon-export"></use></svg>',
                 name: "export",
                 tipPosition: "ne",
-            }, {
+            },
+            {
                 hotkey: "⌘E",
                 icon: '<svg><use xlink:href="#vditor-icon-emoji"></use></svg>',
                 name: "emoji",
                 tipPosition: "ne",
-            }, {
+            },
+            {
                 hotkey: "⌘H",
                 icon: '<svg><use xlink:href="#vditor-icon-headings"></use></svg>',
                 name: "headings",
                 tipPosition: "ne",
-            }, {
+            },
+            {
                 hotkey: "⌘B",
                 icon: '<svg><use xlink:href="#vditor-icon-bold"></use></svg>',
                 name: "bold",
                 prefix: "**",
                 suffix: "**",
                 tipPosition: "ne",
-            }, {
+            },
+            {
                 hotkey: "⌘I",
                 icon: '<svg><use xlink:href="#vditor-icon-italic"></use></svg>',
                 name: "italic",
                 prefix: "*",
                 suffix: "*",
                 tipPosition: "ne",
-            }, {
+            },
+            {
                 hotkey: "⌘D",
                 icon: '<svg><use xlink:href="#vditor-icon-strike"></use></svg>',
                 name: "strike",
                 prefix: "~~",
                 suffix: "~~",
                 tipPosition: "ne",
-            }, {
+            },
+            {
                 hotkey: "⌘K",
                 icon: '<svg><use xlink:href="#vditor-icon-link"></use></svg>',
                 name: "link",
                 prefix: "[",
                 suffix: "](https://)",
                 tipPosition: "n",
-            }, {
+            },
+            {
                 name: "|",
-            }, {
+            },
+            {
                 hotkey: "⌘L",
                 icon: '<svg><use xlink:href="#vditor-icon-list"></use></svg>',
                 name: "list",
                 prefix: "* ",
                 tipPosition: "n",
-            }, {
+            },
+            {
                 hotkey: "⌘O",
                 icon: '<svg><use xlink:href="#vditor-icon-ordered-list"></use></svg>',
                 name: "ordered-list",
                 prefix: "1. ",
                 tipPosition: "n",
-            }, {
+            },
+            {
                 hotkey: "⌘J",
                 icon: '<svg><use xlink:href="#vditor-icon-check"></use></svg>',
                 name: "check",
                 prefix: "* [ ] ",
                 tipPosition: "n",
-            }, {
+            },
+            {
                 hotkey: "⇧⌘I",
                 icon: '<svg><use xlink:href="#vditor-icon-outdent"></use></svg>',
                 name: "outdent",
                 tipPosition: "n",
-            }, {
+            },
+            {
                 hotkey: "⇧⌘O",
                 icon: '<svg><use xlink:href="#vditor-icon-indent"></use></svg>',
                 name: "indent",
                 tipPosition: "n",
-            }, {
+            },
+            {
                 name: "|",
-            }, {
+            },
+            {
                 hotkey: "⌘;",
                 icon: '<svg><use xlink:href="#vditor-icon-quote"></use></svg>',
                 name: "quote",
                 prefix: "> ",
                 tipPosition: "n",
-            }, {
+            },
+            {
                 hotkey: "⇧⌘H",
                 icon: '<svg><use xlink:href="#vditor-icon-line"></use></svg>',
                 name: "line",
                 prefix: "---",
                 tipPosition: "n",
-            }, {
+            },
+            {
                 hotkey: "⌘U",
                 icon: '<svg><use xlink:href="#vditor-icon-code"></use></svg>',
                 name: "code",
                 prefix: "```",
                 suffix: "\n```",
                 tipPosition: "n",
-            }, {
+            },
+            {
                 hotkey: "⌘G",
                 icon: '<svg><use xlink:href="#vditor-icon-inline-code"></use></svg>',
                 name: "inline-code",
                 prefix: "`",
                 suffix: "`",
                 tipPosition: "n",
-            }, {
+            },
+            {
                 hotkey: "⇧⌘B",
                 icon: '<svg><use xlink:href="#vditor-icon-before"></use></svg>',
                 name: "insert-before",
                 tipPosition: "n",
-            }, {
+            },
+            {
                 hotkey: "⇧⌘E",
                 icon: '<svg><use xlink:href="#vditor-icon-after"></use></svg>',
                 name: "insert-after",
                 tipPosition: "n",
-            }, {
+            },
+            {
                 name: "|",
-            }, {
+            },
+            {
                 icon: '<svg><use xlink:href="#vditor-icon-upload"></use></svg>',
                 name: "upload",
                 tipPosition: "n",
-            }, {
+            },
+            {
                 icon: '<svg><use xlink:href="#vditor-icon-record"></use></svg>',
                 name: "record",
                 tipPosition: "n",
-            }, {
+            },
+            {
                 hotkey: "⌘M",
                 icon: '<svg><use xlink:href="#vditor-icon-table"></use></svg>',
                 name: "table",
                 prefix: "| col1",
                 suffix: " | col2 | col3 |\n| --- | --- | --- |\n|  |  |  |\n|  |  |  |",
                 tipPosition: "n",
-            }, {
+            },
+            {
                 name: "|",
-            }, {
+            },
+            {
                 hotkey: "⌘Z",
                 icon: '<svg><use xlink:href="#vditor-icon-undo"></use></svg>',
                 name: "undo",
                 tipPosition: "nw",
-            }, {
+            },
+            {
                 hotkey: "⌘Y",
                 icon: '<svg><use xlink:href="#vditor-icon-redo"></use></svg>',
                 name: "redo",
                 tipPosition: "nw",
-            }, {
+            },
+            {
                 name: "|",
-            }, {
+            },
+            {
                 icon: '<svg><use xlink:href="#vditor-icon-more"></use></svg>',
                 name: "more",
                 tipPosition: "e",
-            }, {
+            },
+            {
                 hotkey: "⌘'",
                 icon: '<svg><use xlink:href="#vditor-icon-fullscreen"></use></svg>',
                 name: "fullscreen",
                 tipPosition: "nw",
-            }, {
+            },
+            {
                 icon: '<svg><use xlink:href="#vditor-icon-edit"></use></svg>',
                 name: "edit-mode",
                 tipPosition: "nw",
-            }, {
+            },
+            {
                 hotkey: "⌘P",
                 icon: '<svg><use xlink:href="#vditor-icon-both"></use></svg>',
                 name: "both",
                 tipPosition: "nw",
-            }, {
+            },
+            {
                 icon: '<svg><use xlink:href="#vditor-icon-preview"></use></svg>',
                 name: "preview",
                 tipPosition: "nw",
-            }, {
+            },
+            {
                 icon: '<svg><use xlink:href="#vditor-icon-align-center"></use></svg>',
                 name: "outline",
                 tipPosition: "nw",
-            }, {
+            },
+            {
                 icon: '<svg><use xlink:href="#vditor-icon-theme"></use></svg>',
                 name: "content-theme",
                 tipPosition: "nw",
-            }, {
+            },
+            {
                 icon: '<svg><use xlink:href="#vditor-icon-code-theme"></use></svg>',
                 name: "code-theme",
                 tipPosition: "nw",
-            }, {
+            },
+            {
                 icon: '<svg><use xlink:href="#vditor-icon-bug"></use></svg>',
                 name: "devtools",
                 tipPosition: "nw",
-            }, {
+            },
+            {
                 icon: '<svg><use xlink:href="#vditor-icon-info"></use></svg>',
                 name: "info",
                 tipPosition: "nw",
-            }, {
+            },
+            {
                 icon: '<svg><use xlink:href="#vditor-icon-help"></use></svg>',
                 name: "help",
                 tipPosition: "nw",
-            }, {
+            },
+            {
                 name: "br",
-            }];
+            },
+        ];
         var toolbarResult = [];
         toolbar.forEach(function (menuItem) {
             var currentMenuItem = menuItem;
             toolbarItem.forEach(function (defaultMenuItem) {
-                if (typeof menuItem === "string" && defaultMenuItem.name === menuItem) {
+                if (typeof menuItem === "string" &&
+                    defaultMenuItem.name === menuItem) {
                     currentMenuItem = defaultMenuItem;
                 }
-                if (typeof menuItem === "object" && defaultMenuItem.name === menuItem.name) {
+                if (typeof menuItem === "object" &&
+                    defaultMenuItem.name === menuItem.name) {
                     currentMenuItem = Object.assign({}, defaultMenuItem, menuItem);
                 }
             });
@@ -14664,7 +14484,6 @@ var Options = /** @class */ (function () {
 
 
 
-
 var WYSIWYG = /** @class */ (function () {
     function WYSIWYG(vditor) {
         var _this = this;
@@ -14672,7 +14491,7 @@ var WYSIWYG = /** @class */ (function () {
         this.commentIds = [];
         var divElement = document.createElement("div");
         divElement.className = "vditor-wysiwyg";
-        divElement.innerHTML = "<pre class=\"vditor-reset\" placeholder=\"" + vditor.options.placeholder + "\"\n contenteditable=\"true\" spellcheck=\"false\"></pre>\n<div class=\"vditor-panel vditor-panel--none\"></div>\n<div class=\"vditor-panel vditor-panel--none\">\n    <button type=\"button\" aria-label=\"" + i18n/* i18n */.a[vditor.options.lang].comment + "\" class=\"vditor-icon vditor-tooltipped vditor-tooltipped__n\">\n        <svg><use xlink:href=\"#vditor-icon-comment\"></use></svg>\n    </button>\n</div>";
+        divElement.innerHTML = "<pre class=\"vditor-reset\" placeholder=\"" + vditor.options.placeholder + "\"\n contenteditable=\"true\" spellcheck=\"false\"></pre>\n<div class=\"vditor-panel vditor-panel--none\"></div>\n<div class=\"vditor-panel vditor-panel--none\">\n    <button type=\"button\" aria-label=\"" + window.VditorI18n.comment + "\" class=\"vditor-icon vditor-tooltipped vditor-tooltipped__n\">\n        <svg><use xlink:href=\"#vditor-icon-comment\"></use></svg>\n    </button>\n</div>";
         this.element = divElement.firstElementChild;
         this.popover = divElement.firstElementChild.nextElementSibling;
         this.selectPopover = divElement.lastElementChild;
@@ -14816,6 +14635,9 @@ var WYSIWYG = /** @class */ (function () {
     WYSIWYG.prototype.hideComment = function () {
         this.selectPopover.setAttribute("style", "display:none");
     };
+    WYSIWYG.prototype.unbindListener = function () {
+        window.removeEventListener("scroll", this.scrollListener);
+    };
     WYSIWYG.prototype.copy = function (event, vditor) {
         var range = getSelection().getRangeAt(0);
         if (range.toString() === "") {
@@ -14855,7 +14677,8 @@ var WYSIWYG = /** @class */ (function () {
     };
     WYSIWYG.prototype.bindEvent = function (vditor) {
         var _this = this;
-        window.addEventListener("scroll", function () {
+        this.unbindListener();
+        window.addEventListener("scroll", this.scrollListener = function () {
             hidePanel(vditor, ["hint"]);
             if (_this.popover.style.display !== "block" || _this.selectPopover.style.display !== "block") {
                 return;
@@ -15192,7 +15015,6 @@ var src_extends = (undefined && undefined.__extends) || (function () {
 
 
 
-
 
 
 var Vditor = /** @class */ (function (_super) {
@@ -15222,63 +15044,28 @@ var Vditor = /** @class */ (function (_super) {
         }
         var getOptions = new Options(options);
         var mergedOptions = getOptions.merge();
-        if (!["en_US", "ja_JP", "ko_KR", "ru_RU", "zh_CN", "zh_TW"].includes(mergedOptions.lang)) {
-            throw new Error("options.lang error, see https://ld246.com/article/1549638745630#options");
-        }
-        _this.vditor = {
-            currentMode: mergedOptions.mode,
-            element: id,
-            hint: new Hint(mergedOptions.hint.extend),
-            lute: undefined,
-            options: mergedOptions,
-            originalInnerHTML: id.innerHTML,
-            outline: new Outline(i18n/* i18n */.a[mergedOptions.lang].outline),
-            tip: new Tip(),
-        };
-        _this.vditor.sv = new Editor(_this.vditor);
-        _this.vditor.undo = new undo_Undo();
-        _this.vditor.wysiwyg = new WYSIWYG(_this.vditor);
-        _this.vditor.ir = new IR(_this.vditor);
-        _this.vditor.toolbar = new Toolbar(_this.vditor);
-        if (mergedOptions.resize.enable) {
-            _this.vditor.resize = new Resize(_this.vditor);
-        }
-        if (_this.vditor.toolbar.elements.devtools) {
-            _this.vditor.devtools = new DevTools();
-        }
-        if (mergedOptions.upload.url || mergedOptions.upload.handler) {
-            _this.vditor.upload = new Upload();
-        }
-        (0,addScript/* addScript */.G)(options._lutePath || mergedOptions.cdn + "/dist/js/lute/lute.min.js", "vditorLuteScript")
-            .then(function () {
-            _this.vditor.lute = (0,setLute/* setLute */.X)({
-                autoSpace: _this.vditor.options.preview.markdown.autoSpace,
-                codeBlockPreview: _this.vditor.options.preview.markdown.codeBlockPreview,
-                emojiSite: _this.vditor.options.hint.emojiPath,
-                emojis: _this.vditor.options.hint.emoji,
-                fixTermTypo: _this.vditor.options.preview.markdown.fixTermTypo,
-                footnotes: _this.vditor.options.preview.markdown.footnotes,
-                headingAnchor: false,
-                inlineMathDigit: _this.vditor.options.preview.math.inlineDigit,
-                linkBase: _this.vditor.options.preview.markdown.linkBase,
-                linkPrefix: _this.vditor.options.preview.markdown.linkPrefix,
-                listStyle: _this.vditor.options.preview.markdown.listStyle,
-                mark: _this.vditor.options.preview.markdown.mark,
-                mathBlockPreview: _this.vditor.options.preview.markdown.mathBlockPreview,
-                paragraphBeginningSpace: _this.vditor.options.preview.markdown.paragraphBeginningSpace,
-                sanitize: _this.vditor.options.preview.markdown.sanitize,
-                toc: _this.vditor.options.preview.markdown.toc,
-            });
-            _this.vditor.preview = new Preview(_this.vditor);
-            initUI(_this.vditor);
-            if (mergedOptions.after) {
-                mergedOptions.after();
+        // 支持自定义国际化
+        if (!mergedOptions.i18n) {
+            if (!["en_US", "ja_JP", "ko_KR", "ru_RU", "zh_CN", "zh_TW"].includes(mergedOptions.lang)) {
+                throw new Error("options.lang error, see https://ld246.com/article/1549638745630#options");
             }
-            if (mergedOptions.icon) {
-                // 防止初始化 2 个编辑器时加载 2 次
-                (0,addScript/* addScriptSync */.J)(mergedOptions.cdn + "/dist/js/icons/" + mergedOptions.icon + ".js", "vditorIconScript");
+            else {
+                var i18nScriptPrefix = "vditorI18nScript";
+                var i18nScriptID_1 = i18nScriptPrefix + mergedOptions.lang;
+                document.querySelectorAll("head script[id^=\"" + i18nScriptPrefix + "\"]").forEach(function (el) {
+                    if (el.id !== i18nScriptID_1) {
+                        document.head.removeChild(el);
+                    }
+                });
+                (0,addScript/* addScript */.G)(mergedOptions.cdn + "/dist/js/i18n/" + mergedOptions.lang + ".js", i18nScriptID_1).then(function () {
+                    _this.init(id, mergedOptions);
+                });
             }
-        });
+        }
+        else {
+            window.VditorI18n = mergedOptions.i18n;
+            _this.init(id, mergedOptions);
+        }
         return _this;
     }
     /** 设置主题 */
@@ -15329,14 +15116,12 @@ var Vditor = /** @class */ (function (_super) {
     /** 禁用编辑器 */
     Vditor.prototype.disabled = function () {
         hidePanel(this.vditor, ["subToolbar", "hint", "popover"]);
-        disableToolbar(this.vditor.toolbar.elements, constants/* Constants.EDIT_TOOLBARS.concat */.g.EDIT_TOOLBARS.concat(["undo", "redo", "fullscreen",
-            "edit-mode"]));
+        disableToolbar(this.vditor.toolbar.elements, constants/* Constants.EDIT_TOOLBARS.concat */.g.EDIT_TOOLBARS.concat(["undo", "redo", "fullscreen", "edit-mode"]));
         this.vditor[this.vditor.currentMode].element.setAttribute("contenteditable", "false");
     };
     /** 解除编辑器禁用 */
     Vditor.prototype.enable = function () {
-        enableToolbar(this.vditor.toolbar.elements, constants/* Constants.EDIT_TOOLBARS.concat */.g.EDIT_TOOLBARS.concat(["undo", "redo", "fullscreen",
-            "edit-mode"]));
+        enableToolbar(this.vditor.toolbar.elements, constants/* Constants.EDIT_TOOLBARS.concat */.g.EDIT_TOOLBARS.concat(["undo", "redo", "fullscreen", "edit-mode"]));
         this.vditor.undo.resetIcon(this.vditor);
         this.vditor[this.vditor.currentMode].element.setAttribute("contenteditable", "true");
     };
@@ -15376,7 +15161,6 @@ var Vditor = /** @class */ (function (_super) {
     Vditor.prototype.enableCache = function () {
         if (!this.vditor.options.cache.id) {
             throw new Error("need options.cache.id, see https://ld246.com/article/1549638745630#options");
-            return;
         }
         this.vditor.options.cache.enable = true;
     };
@@ -15384,6 +15168,10 @@ var Vditor = /** @class */ (function (_super) {
     Vditor.prototype.html2md = function (value) {
         return this.vditor.lute.HTML2Md(value);
     };
+    /** markdown 转 JSON 输出 */
+    Vditor.prototype.exportJSON = function (value) {
+        return this.vditor.lute.RenderJSON(value);
+    };
     /** 获取 HTML */
     Vditor.prototype.getHTML = function () {
         return getHTML(this.vditor);
@@ -15455,7 +15243,9 @@ var Vditor = /** @class */ (function (_super) {
         }
         else {
             this.vditor.ir.element.innerHTML = this.vditor.lute.Md2VditorIRDOM(markdown);
-            this.vditor.ir.element.querySelectorAll(".vditor-ir__preview[data-render='2']").forEach(function (item) {
+            this.vditor.ir.element
+                .querySelectorAll(".vditor-ir__preview[data-render='2']")
+                .forEach(function (item) {
                 processCodeRender(item, _this.vditor);
             });
             process_processAfterRender(this.vditor, {
@@ -15488,6 +15278,8 @@ var Vditor = /** @class */ (function (_super) {
         this.vditor.element.removeAttribute("style");
         document.getElementById("vditorIconScript").remove();
         this.clearCache();
+        UIUnbindListener();
+        this.vditor.wysiwyg.unbindListener();
     };
     /** 获取评论 ID */
     Vditor.prototype.getCommentIds = function () {
@@ -15509,11 +15301,15 @@ var Vditor = /** @class */ (function (_super) {
                 }
             });
         };
-        this.vditor.wysiwyg.element.querySelectorAll(".vditor-comment").forEach(function (item) {
+        this.vditor.wysiwyg.element
+            .querySelectorAll(".vditor-comment")
+            .forEach(function (item) {
             hlItem(item);
         });
         if (this.vditor.preview.element.style.display !== "none") {
-            this.vditor.preview.element.querySelectorAll(".vditor-comment").forEach(function (item) {
+            this.vditor.preview.element
+                .querySelectorAll(".vditor-comment")
+                .forEach(function (item) {
                 hlItem(item);
             });
         }
@@ -15530,11 +15326,15 @@ var Vditor = /** @class */ (function (_super) {
                 }
             });
         };
-        this.vditor.wysiwyg.element.querySelectorAll(".vditor-comment").forEach(function (item) {
+        this.vditor.wysiwyg.element
+            .querySelectorAll(".vditor-comment")
+            .forEach(function (item) {
             unHlItem(item);
         });
         if (this.vditor.preview.element.style.display !== "none") {
-            this.vditor.preview.element.querySelectorAll(".vditor-comment").forEach(function (item) {
+            this.vditor.preview.element
+                .querySelectorAll(".vditor-comment")
+                .forEach(function (item) {
                 unHlItem(item);
             });
         }
@@ -15562,11 +15362,15 @@ var Vditor = /** @class */ (function (_super) {
             }
         };
         removeIds.forEach(function (removeId) {
-            _this.vditor.wysiwyg.element.querySelectorAll(".vditor-comment").forEach(function (item) {
+            _this.vditor.wysiwyg.element
+                .querySelectorAll(".vditor-comment")
+                .forEach(function (item) {
                 removeItem(item, removeId);
             });
             if (_this.vditor.preview.element.style.display !== "none") {
-                _this.vditor.preview.element.querySelectorAll(".vditor-comment").forEach(function (item) {
+                _this.vditor.preview.element
+                    .querySelectorAll(".vditor-comment")
+                    .forEach(function (item) {
                     removeItem(item, removeId);
                 });
             }
@@ -15577,13 +15381,73 @@ var Vditor = /** @class */ (function (_super) {
             enableInput: false,
         });
     };
+    Vditor.prototype.init = function (id, mergedOptions) {
+        var _this = this;
+        this.vditor = {
+            currentMode: mergedOptions.mode,
+            element: id,
+            hint: new Hint(mergedOptions.hint.extend),
+            lute: undefined,
+            options: mergedOptions,
+            originalInnerHTML: id.innerHTML,
+            outline: new Outline(window.VditorI18n.outline),
+            tip: new Tip(),
+        };
+        this.vditor.sv = new Editor(this.vditor);
+        this.vditor.undo = new undo_Undo();
+        this.vditor.wysiwyg = new WYSIWYG(this.vditor);
+        this.vditor.ir = new IR(this.vditor);
+        this.vditor.toolbar = new Toolbar(this.vditor);
+        if (mergedOptions.resize.enable) {
+            this.vditor.resize = new Resize(this.vditor);
+        }
+        if (this.vditor.toolbar.elements.devtools) {
+            this.vditor.devtools = new DevTools();
+        }
+        if (mergedOptions.upload.url || mergedOptions.upload.handler) {
+            this.vditor.upload = new Upload();
+        }
+        (0,addScript/* addScript */.G)(mergedOptions._lutePath ||
+            mergedOptions.cdn + "/dist/js/lute/lute.min.js", "vditorLuteScript").then(function () {
+            _this.vditor.lute = (0,setLute/* setLute */.X)({
+                autoSpace: _this.vditor.options.preview.markdown.autoSpace,
+                codeBlockPreview: _this.vditor.options.preview.markdown
+                    .codeBlockPreview,
+                emojiSite: _this.vditor.options.hint.emojiPath,
+                emojis: _this.vditor.options.hint.emoji,
+                fixTermTypo: _this.vditor.options.preview.markdown.fixTermTypo,
+                footnotes: _this.vditor.options.preview.markdown.footnotes,
+                headingAnchor: false,
+                inlineMathDigit: _this.vditor.options.preview.math.inlineDigit,
+                linkBase: _this.vditor.options.preview.markdown.linkBase,
+                linkPrefix: _this.vditor.options.preview.markdown.linkPrefix,
+                listStyle: _this.vditor.options.preview.markdown.listStyle,
+                mark: _this.vditor.options.preview.markdown.mark,
+                mathBlockPreview: _this.vditor.options.preview.markdown
+                    .mathBlockPreview,
+                paragraphBeginningSpace: _this.vditor.options.preview.markdown
+                    .paragraphBeginningSpace,
+                sanitize: _this.vditor.options.preview.markdown.sanitize,
+                toc: _this.vditor.options.preview.markdown.toc,
+            });
+            _this.vditor.preview = new Preview(_this.vditor);
+            initUI(_this.vditor);
+            if (mergedOptions.after) {
+                mergedOptions.after();
+            }
+            if (mergedOptions.icon) {
+                // 防止初始化 2 个编辑器时加载 2 次
+                (0,addScript/* addScriptSync */.J)(mergedOptions.cdn + "/dist/js/icons/" + mergedOptions.icon + ".js", "vditorIconScript");
+            }
+        });
+    };
     return Vditor;
-}(method.default));
+}(method["default"]));
 /* harmony default export */ const src = (Vditor);
 
 })();
 
-__webpack_exports__ = __webpack_exports__.default;
+__webpack_exports__ = __webpack_exports__["default"];
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;