:arrow_up:

demo/static-preview.html

@@ -715,6 +715,7 @@ https://www.youtube.com/watch?v=S4xoOW4DVKE
       after () {
         Vditor.outlineRender(document.getElementById('preview'), document.getElementById('outline'))
       },
+      lazyLoadImage: "https://cdn.jsdelivr.net/npm/vditor/dist/images/img-loading.svg"
     })
 
   const setTheme = (theme) => {

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "vditor",
-  "version": "3.1.11",
+  "version": "3.1.12",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vditor",
-  "version": "3.1.11",
+  "version": "3.1.12",
   "description": "♏ 一款浏览器端的 Markdown 编辑器。",
   "author": "Vanessa <[email protected]> (http://vanessa.b3log.org)",
   "homepage": "https://hacpai.com/tag/vditor",

src/method.ts

@@ -3,13 +3,13 @@ import {chartRender} from "./ts/markdown/chartRender";
 import {codeRender} from "./ts/markdown/codeRender";
 import {graphvizRender} from "./ts/markdown/graphvizRender";
 import {highlightRender} from "./ts/markdown/highlightRender";
+import {lazyLoadImageRender} from "./ts/markdown/lazyLoadImageRender";
 import {mathRender} from "./ts/markdown/mathRender";
 import {mediaRender} from "./ts/markdown/mediaRender";
 import {mermaidRender} from "./ts/markdown/mermaidRender";
 import {outlineRender} from "./ts/markdown/outlineRender";
 import {md2html, previewRender} from "./ts/markdown/previewRender";
 import {speechRender} from "./ts/markdown/speechRender";
-import {lazyLoadImageRender} from "./ts/markdown/lazyLoadImageRender";
 class Vditor {
 
     /** 为 element 中的代码块添加复制按钮 */

src/ts/markdown/previewRender.ts

@@ -6,12 +6,12 @@ import {chartRender} from "./chartRender";
 import {codeRender} from "./codeRender";
 import {graphvizRender} from "./graphvizRender";
 import {highlightRender} from "./highlightRender";
+import {lazyLoadImageRender} from "./lazyLoadImageRender";
 import {mathRender} from "./mathRender";
 import {mediaRender} from "./mediaRender";
 import {mermaidRender} from "./mermaidRender";
 import {setLute} from "./setLute";
 import {speechRender} from "./speechRender";
-import {lazyLoadImageRender} from "./lazyLoadImageRender";
 
 const mergeOptions = (options?: IPreviewOptions) => {
     const defaultOption = {