vditor 3.8.4 → 3.8.8

package/CHANGELOG.md

@@ -94,18 +94,49 @@
 ### TODO
 
 * [open issues](https://github.com/Vanessa219/vditor/issues)
-* [346](https://github.com/Vanessa219/vditor/issues/346) 内容主题推荐（长期有效） `改进功能`
 
-### v3.8.4 / 2021-03-26
+### v3.8.9 / 2022-01-xx
 
-* [955](https://github.com/Vanessa219/vditor/issues/955) 为 hint 内容添加是否进行 md 转换的设置 `改进功能`
-* [956](https://github.com/Vanessa219/vditor/issues/956) 改进 plantuml 解析问题 `修复缺陷`
-* 文档修改
-  * 3.8.4
-    * 添加 hint.parse 配置
+### v3.8.8 / 2021-12-05
 
-### v3.8.3 / 2021-03-14
+* [1129](https://github.com/Vanessa219/vditor/pull/1129) WYSIWYG 下，点击语言后光标切换到代码输入框中 `改进功能`
+* [1122](https://github.com/Vanessa219/vditor/pull/1122) 预览中退出全屏后，工具栏布局错误 `修复缺陷`
+* [1123](https://github.com/Vanessa219/vditor/pull/1123) 预览模式下，工具栏不自动隐藏 `改进功能`
+* [1124](https://github.com/Vanessa219/vditor/pull/1124) 在焦点更改后，代码选择列表不自动隐藏 `改进功能`
+* [1121](https://github.com/Vanessa219/vditor/pull/1121) WYSIWYG 下，Enter 也可以切换到代码输入框中 `改进功能`
+* [1103](https://github.com/Vanessa219/vditor/pull/1103) 支持多语言切换 `改进功能`
+* [1105](https://github.com/Vanessa219/vditor/pull/1105) 兼容 Firefox 中的代码语言选择 `修复缺陷`
+* [1098](https://github.com/Vanessa219/vditor/pull/1098) 兼容 Firefox 中的文件拖拽 `修复缺陷`
+* [1097](https://github.com/Vanessa219/vditor/pull/1097) options.hint.extend[].hint 支持异步 `改进功能`
+* [1101](https://github.com/Vanessa219/vditor/pull/1101) 支持 options.upload.handler 异步 `改进功能`
+* [1089](https://github.com/Vanessa219/vditor/pull/1089) 解决内存泄漏问题 `开发重构`
+* [158](https://github.com/88250/lute/issues/158) Table 紧跟的上一行不是空行时，SpinVditorSVDOM 会将整个表格过滤掉 `修复缺陷`
 
+### v3.8.7 / 2021-09-21
+
+* [1049](https://github.com/Vanessa219/vditor/issues/1049) #后面没有空格也会渲染为标题 `修复缺陷`
+* [1085](https://github.com/Vanessa219/vditor/issues/1085) XSS 漏洞修复 `修复缺陷`
+* [1074](https://github.com/Vanessa219/vditor/issues/1074) 升级 webpack-dev-server & node-sass `开发重构`
+* [1063](https://github.com/Vanessa219/vditor/issues/1063) 所见即所得模式链接引用语法中链接文本包含行级嵌套的问题 `修复缺陷`
+* [1047](https://github.com/Vanessa219/vditor/issues/1047) 列表换行问题 `修复缺陷`
+* [974](https://github.com/Vanessa219/vditor/issues/974) 所见即所得模式下行级元素间的空格会被删除 `修复缺陷`
+* [1029](https://github.com/Vanessa219/vditor/issues/1029) 公式内小于号大于号等没有转义 `修复缺陷`
+* [1036](https://github.com/Vanessa219/vditor/issues/1036) 标题设置没有配置多语言 `改进功能`
+* [957](https://github.com/Vanessa219/vditor/issues/957) 支持表格横向滚动 `引入特性`
+* [1038](https://github.com/Vanessa219/vditor/issues/1038) 图片使用 pointer 样式 `改进功能`
+* [1034](https://github.com/Vanessa219/vditor/pull/1034) Support Vue and Angular `改进功能`
+* [1016](https://github.com/Vanessa219/vditor/pull/1016) Support Svelte `文档相关`
+* [1009](https://github.com/Vanessa219/vditor/pull/1009/) 对于 markdown 目录下的渲染方法新增 适配模块 `引入特性`
+* [1011](https://github.com/Vanessa219/vditor/issues/1011) 支持导出 JSON `引入特性`
+* [1010](https://github.com/Vanessa219/vditor/issues/1010) 多语言分离 `改进功能`
+* [1008](https://github.com/Vanessa219/vditor/pull/1008) 自定义多语言 `引入特性`
+* [1000](https://github.com/Vanessa219/vditor/issues/1000) 升级 hljs 并添加更多的语言支持 `改进功能`
+* [993](https://github.com/Vanessa219/vditor/pull/993) 加入繁體中文 `引入特性`
+* [980](https://github.com/Vanessa219/vditor/pull/980) 流程图不应渲染代码高亮  `修复缺陷`
+* [987](https://github.com/Vanessa219/vditor/pull/987) 完善 upload 必填项说明 `文档相关`
+* [970](https://github.com/Vanessa219/vditor/pull/970) added ru_RU lang `引入特性`
+* [955](https://github.com/Vanessa219/vditor/issues/955) 为 hint 内容添加是否进行 md 转换的设置 `改进功能`
+* [956](https://github.com/Vanessa219/vditor/issues/956) 改进 plantuml 解析问题 `修复缺陷`
 * [953](https://github.com/Vanessa219/vditor/issues/953) 标题删除需保留空行 `改进功能`
 * [946](https://github.com/Vanessa219/vditor/issues/946) Improve delete behavior in the list item after the code block `修复缺陷`
 * [949](https://github.com/Vanessa219/vditor/issues/949) lute.Md2HTML 3.7.5 后解析无 id 属性 `修复缺陷`
@@ -134,6 +165,12 @@
   * 3.8.1
     * 添加表格增加向上插入行 ⇧⌘F 和向左插入列 ⇧⌘G 的快捷键
     * 快捷键配置格式修改为 ⇧⌘[] / ⌘[] / ⌥⌘[]
+  * 3.8.4
+    * 添加 hint.parse 配置
+  * 3.8.5
+    * codeRender 方法中移除 lang 参数
+    * 为 options 添加 i18n 语言自定义参数
+    * 添加 exportJSON 方法
   
 ### v3.7.7 / 2021-01-19
 

package/README.md

@@ -6,14 +6,13 @@
 <br><br>
 <a title="MIT" target="_blank" href="https://opensource.org/licenses/MIT"><img src="https://img.shields.io/badge/license-MIT-orange.svg?style=flat-square"></a>
 <a title="npm bundle size" target="_blank" href="https://www.npmjs.com/package/vditor"><img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/vditor?style=flat-square&color=blueviolet"></a>
-<a title="Dependencies" target="_blank" href="https://github.com/Vanessa219/vditor"><img src="https://img.shields.io/david/Vanessa219/vditor.svg?style=flat-square&color=ff96b4"></a>  <br>
-<a title="Version" target="_blank" href="https://www.npmjs.com/package/vditor"><img src="https://img.shields.io/npm/v/vditor.svg?style=flat-square"></a>
-<a title="Downloads" target="_blank" href="https://www.npmjs.com/package/vditor"><img src="https://img.shields.io/npm/dt/vditor.svg?style=flat-square&color=97ca00"></a><br>
+<a title="Version" target="_blank" href="https://www.npmjs.com/package/vditor"><img src="https://img.shields.io/npm/v/vditor.svg?style=flat-square"></a><br>
+<a title="Downloads" target="_blank" href="https://www.npmjs.com/package/vditor"><img src="https://img.shields.io/npm/dt/vditor.svg?style=flat-square&color=97ca00"></a>
 <a title="jsdelivr" target="_blank" href="https://www.jsdelivr.com/package/npm/vditor"><img src="https://data.jsdelivr.com/v1/package/npm/vditor/badge"/></a>
 <a title="Hits" target="_blank" href="https://github.com/88250/hits"><img src="https://hits.b3log.org/Vanessa219/vditor.svg"></a> <br><br>
-<a title="GitHub Watchers" target="_blank" href="https://github.com/Vanessa219/vditor/watchers"><img src="https://img.shields.io/github/watchers/Vanessa219/vditor.svg?label=Watchers&style=social"></a>  
-<a title="GitHub Stars" target="_blank" href="https://github.com/Vanessa219/vditor/stargazers"><img src="https://img.shields.io/github/stars/Vanessa219/vditor.svg?label=Stars&style=social"></a>  
-<a title="GitHub Forks" target="_blank" href="https://github.com/Vanessa219/vditor/network/members"><img src="https://img.shields.io/github/forks/Vanessa219/vditor.svg?label=Forks&style=social"></a>  
+<a title="GitHub Watchers" target="_blank" href="https://github.com/Vanessa219/vditor/watchers"><img src="https://img.shields.io/github/watchers/Vanessa219/vditor.svg?label=Watchers&style=social"></a>
+<a title="GitHub Stars" target="_blank" href="https://github.com/Vanessa219/vditor/stargazers"><img src="https://img.shields.io/github/stars/Vanessa219/vditor.svg?label=Stars&style=social"></a>
+<a title="GitHub Forks" target="_blank" href="https://github.com/Vanessa219/vditor/network/members"><img src="https://img.shields.io/github/forks/Vanessa219/vditor.svg?label=Forks&style=social"></a>
 <a title="Author GitHub Followers" target="_blank" href="https://github.com/vanessa219"><img src="https://img.shields.io/github/followers/vanessa219.svg?label=Followers&style=social"></a>
 </p>
 
@@ -23,7 +22,7 @@
 
 ## 💡 简介
 
-[Vditor](https://b3log.org/vditor) 是一款浏览器端的 Markdown 编辑器，支持所见即所得、即时渲染（类似 Typora）和分屏预览模式。它使用 TypeScript 实现，支持原生 JavaScript、Vue、React、Angular，提供[桌面版](https://b3log.org/siyuan)。
+[Vditor](https://b3log.org/vditor) 是一款浏览器端的 Markdown 编辑器，支持所见即所得、即时渲染（类似 Typora）和分屏预览模式。它使用 TypeScript 实现，支持原生 JavaScript 以及 Vue、React、Angular 和 Svelte 等框架。
 
 欢迎到 [Vditor 官方讨论区](https://ld246.com/tag/vditor)了解更多。同时也欢迎关注 B3log 开源社区微信公众号 `B3log开源`：
 
@@ -115,7 +114,6 @@ Vditor 在这些方面做了努力，希望能为现代化的通用 Markdown 编
 
 * [Sym](https://github.com/88250/symphony) 一款用 Java 实现的现代化社区（论坛/BBS/社交网络/博客）平台
 * [Solo](https://github.com/88250/solo) & [Pipe](https://github.com/88250/pipe) B3log 分布式社区的博客端节点，欢迎加入下一代社区网络
-* [思源笔记](https://b3log.org/siyuan) 一款 Markdown 块级引用和双向链接的网状笔记应用
 * [Arya](https://github.com/nicejade/markdown-online-editor) 基于 Vue、Vditor，所构建的在线 Markdown 编辑器
 * [更多案例](https://github.com/Vanessa219/vditor/network/dependents?package_id=UGFja2FnZS0zMTY2Mzg4MzE%3D)
 
@@ -153,6 +151,7 @@ const vditor = new Vditor(id, {options...})
 * [官方示例](https://b3log.org/vditor/demo/index.html) / [示例源码](https://github.com/Vanessa219/b3log-index/tree/master/src/vditor)
 * [CommonJS Editor](https://github.com/Vanessa219/vditor/blob/master/demo/index.js)
 * [CommonJS Render](https://github.com/Vanessa219/vditor/blob/master/demo/render.js)
+* [在Svelte中使用](https://github.com/HerbertHe/svelte-vditor-demo)
 
 ### 主题
 
@@ -194,13 +193,14 @@ Markdown 输出的 HTML 所展现的外观。内置 light，dark，wechat 3 套
 
 |   | 说明 | 默认值 |
 | - | - | - |
+| i18n | 多语言，参见 ITips | - |
 | undoDelay | 历史记录间隔 | - |
 | after | 编辑器异步渲染完成后的回调方法 | - |
 | height | 编辑器总高度 | 'auto' |
 | minHeight | 编辑区域最小高度 | - |
 | width | 编辑器总宽度，支持 % | 'auto' |
 | placeholder | 输入区域为空时的提示 | '' |
-| lang | 多语言：en_US, ja_JP, ko_KR, zh_CN | 'zh_CN' |
+| lang | 语言种类：en_US, ja_JP, ko_KR, ru_RU, zh_CN, zh_TW | 'zh_CN' |
 | input(value: string) | 输入后触发  | - |
 | focus(value: string) | 聚焦后触发 | - |
 | blur(value: string) | 失焦后触发 | - |
@@ -262,7 +262,7 @@ new Vditor('vditor', {
 |   | 说明 | 默认值 |
 | - | - | - |
 | enable | 是否启用计数器 | false |
-| tipPosition(length: number, counter: options.counter): void | 字数统计回调 | - |
+| after(length: number, counter: options.counter): void | 字数统计回调 | - |
 | max | 允许输入的最大值 | - |
 | type | 统计类型：'markdown', 'text' | 'markdown' |
 
@@ -363,13 +363,15 @@ new Vditor('vditor', {
 | extend: IHintExtend[] | 对 @/话题等关键字自动补全的扩展 | [] |
 
 ```ts
+interface IHintData {
+  html: string;
+  value: string;
+}
+
 interface IHintExtend {
     key: string;
 
-    hint?(value: string): Array<{
-        html: string;
-        value: string;
-    }>;
+    hint?(value: string): IHintData[] | Promise<IHintData[]>;
 }
 ```
 
@@ -378,35 +380,35 @@ interface IHintExtend {
 * 文件上传的数据结构如下。后端返回的数据结构不一致时，可使用 `format` 进行转换。
 
 ```js
-// POST data  
-xhr.send(formData);  // formData = FormData.append("file[]", File)  
-// return data  
-{  
- "msg": "",  
- "code": 0,  
- "data": {  
- "errFiles": ['filename', 'filename2'],  
- "succMap": {  
-   "filename3": "filepath3",  
-   "filename3": "filepath3"  
-   }  
- }  
+// POST data
+xhr.send(formData);  // formData = FormData.append("file[]", File)
+// return data
+{
+ "msg": "",
+ "code": 0,
+ "data": {
+ "errFiles": ['filename', 'filename2'],
+ "succMap": {
+   "filename3": "filepath3",
+   "filename3": "filepath3"
+   }
+ }
 }
 ```
 
 * 为了防止站外图片失效， `linkToImgUrl` 可将剪贴板中的站外图片地址传到服务器端进行保存处理，其数据结构如下：
 
 ```js
-// POST data  
-xhr.send(JSON.stringify({url: src})); // src 为站外图片地址  
-// return data  
-{  
- msg: '',  
- code: 0,  
- data : {  
-   originalURL: '',  
-   url: ''  
- }  
+// POST data
+xhr.send(JSON.stringify({url: src})); // src 为站外图片地址
+// return data
+{
+ msg: '',
+ code: 0,
+ data : {
+   originalURL: '',
+   url: ''
+ }
 }
 ```
 
@@ -434,7 +436,7 @@ if (xhr.status === 200) {
 
 |   | 说明 | 默认值 |
 | - | - | - |
-| url | 上传 url | '' |
+| url | 上传 url，为空则不会触发上传相关事件 | '' |
 | max | 上传文件最大 Byte | 10 * 1024 * 1024 |
 | linkToImgUrl | 剪切板中包含图片地址时，使用此 url 重新上传 | '' |
 | linkToImgCallback(responseText: string) | 图片地址上传回调 | - |
@@ -447,9 +449,9 @@ if (xhr.status === 200) {
 | filename(name: string): string | 文件名安全处理 | name => name.replace(/\W/g, '') |
 | accept | 文件上传类型，同[input accept](https://www.w3schools.com/tags/att_input_accept.asp) | - |
 | validate(files: File[]) => string \| boolean | 校验，成功时返回 true 否则返回错误信息 | - |
-| handler(files: File[]) => string \| null | 自定义上传，当发生错误时返回错误信息 | - |
+| handler(files: File[]) => string \| null \| Promise<string> \| Promise<null> | 自定义上传，当发生错误时返回错误信息 | - |
 | format(files: File[], responseText: string): string | 对服务端返回的数据进行转换，以满足内置的数据结构 | - |
-| file(files: File[]): File[] | 将上传的文件处理后再返回 | - |
+| file(files: File[]): File[] \| Promise<File[]> | 将上传的文件处理后再返回 | - |
 | setHeaders(): { [key: string]: string } | 上传前使用返回值设置头 | - |
 | extraData: { [key: string]: string \| Blob } | 为 FormData 添加额外的参数 | - |
 | multiple | 上传文件是否为多个 | true |
@@ -486,6 +488,7 @@ if (xhr.status === 200) {
 
 |   | 说明 |
 | - | - |
+| exportJSON(markdown: string) | 根据 Markdown 获取对应 JSON |
 | getValue() | 获取 Markdown 内容 |
 | getHTML() | 获取 HTML 内容 |
 | insertValue(value: string, render = true) | 在焦点处插入内容，并默认进行 Markdown 渲染 |
@@ -524,7 +527,7 @@ Vditor.mermaidRender(document)
 ```
 
 ```js
-import VditorPreview from 'vditor/dist/method.min'  
+import VditorPreview from 'vditor/dist/method.min'
 VditorPreview.mermaidRender(document)
 ```
 
@@ -536,10 +539,10 @@ markdown: string,  // 需要渲染的 markdown 原文
 options?: IPreviewOptions {
   mode: "dark" | "light";
   anchor?: number;  // 为标题添加锚点 0：不渲染；1：渲染于标题前；2：渲染于标题后，默认 0
-  customEmoji?: { [key: string]: string };    // 自定义 emoji，默认为 {}  
-  lang?: (keyof II18nLang);    // 语言，默认为 'zh_CN'  
-  emojiPath?: string;    // 表情图片路径 
-  hljs?: IHljs; // 参见 options.preview.hljs 
+  customEmoji?: { [key: string]: string };    // 自定义 emoji，默认为 {}
+  lang?: (keyof II18nLang);    // 语言，默认为 'zh_CN'
+  emojiPath?: string;    // 表情图片路径
+  hljs?: IHljs; // 参见 options.preview.hljs
   speech?: {  // 对选中后的内容进行阅读
     enable?: boolean,
   };
@@ -561,7 +564,7 @@ options?: IPreviewOptions {
 | previewImage(oldImgElement: HTMLImageElement, lang: keyof II18n = "zh_CN", theme = "classic") | 点击图片预览 |
 | mermaidRender(element: HTMLElement, cdn = options.cdn, theme = options.theme) | 流程图/时序图/甘特图 |
 | flowchartRender(element: HTMLElement, cdn = options.cdn) | flowchart 渲染 |
-| codeRender(element: HTMLElement, lang: (keyof II18nLang) = "zh_CN") | 为 element 中的代码块添加复制按钮 |
+| codeRender(element: HTMLElement) | 为 element 中的代码块添加复制按钮 |
 | chartRender(element: (HTMLElement \| Document) = document, cdn = options.cdn, theme = options.theme) | 图表渲染 |
 | mindmapRender(element: (HTMLElement \| Document) = document, cdn = options.cdn, theme = options.theme) | 脑图渲染 |
 | plantumlRender(element: (HTMLElement \| Document) = document, cdn = options.cdn) | plantuml 渲染 |

package/dist/css/content-theme/ant-design.css

@@ -23,4 +23,188 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  *
- */.vditor-reset{color:rgba(0,0,0,.85);font-size:14px;line-height:2}.vditor-reset img{max-width:calc(100% - 32px)}.vditor-reset p>img{margin:34px 0;box-shadow:0 8px 20px rgba(143,168,191,.35)}.vditor-reset h1{margin-bottom:20px;color:rgba(0,0,0,.85);font-weight:500;font-size:30px;font-family:Avenir,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;line-height:38px}.vditor-reset h2{font-size:24px;line-height:32px}.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{clear:both;margin:1.6em 0 .6em;color:rgba(0,0,0,.85);font-weight:500;font-family:Avenir,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji}.vditor-reset h3{font-size:18px}.vditor-reset h4{font-size:16px}.vditor-reset h5{font-size:14px}.vditor-reset h6{font-size:12px}.vditor-reset hr{clear:both;height:1px;margin:56px 0;background:#f0f0f0;border:0}.vditor-reset p,.vditor-reset pre{margin:1em 0}.vditor-reset ul>li{margin-left:20px;padding-left:4px;list-style-type:circle}.vditor-reset ol>li{margin-left:20px;padding-left:4px;list-style-type:decimal}.vditor-reset ol>li>p,.vditor-reset ul>li>p{margin:.2em 0}.vditor-reset code{margin:0 1px;padding:.2em .4em;font-size:.9em;border-radius:3px;border:1px solid #f0f0f0;font-family:sfmono-regular,Consolas,liberation mono,Menlo,Courier,monospace}.vditor-reset code:not(.hljs):not(.highlight-chroma){background:#f2f4f5;color:rgba(0,0,0,.65)}.vditor-reset pre{font-family:sfmono-regular,Consolas,liberation mono,Menlo,Courier,monospace;border-radius:2px}.vditor-reset .language-abc path,.vditor-reset .language-abc svg{fill:currentColor;color:rgba(0,0,0,.85)}.vditor-reset .language-graphviz polygon{fill:transparent}.vditor-reset b,.vditor-reset strong{font-weight:500}.vditor-reset>table{width:100%;margin:8px 0 16px;direction:ltr;empty-cells:show;border:1px solid #f0f0f0;border-collapse:collapse;border-spacing:0}.vditor-reset>table th{color:#5c6b77;font-weight:500;white-space:nowrap;background:rgba(0,0,0,.02)}.vditor-reset>table td,.vditor-reset>table th{padding:16px 24px;text-align:left;border:1px solid #f0f0f0}.vditor-reset blockquote{margin:1em 0;padding-left:.8em;color:rgba(0,0,0,.45);font-size:90%;border-left:4px solid #f0f0f0}.vditor-reset blockquote p{margin:0}.vditor-reset .vditor-anchor{margin-left:8px;opacity:0;transition:opacity .3s}.vditor-reset h1:hover .vditor-anchor,.vditor-reset h2:hover .vditor-anchor,.vditor-reset h3:hover .vditor-anchor,.vditor-reset h4:hover .vditor-anchor,.vditor-reset h5:hover .vditor-anchor,.vditor-reset h6:hover .vditor-anchor{display:inline-block;opacity:1}.vditor-reset>br,.vditor-reset>p>br{clear:both}.vditor-ir__link,.vditor-reset a{color:#1890ff;text-decoration:none;outline:none;cursor:pointer}
+ */
+
+.vditor-reset {
+    color: rgba(0, 0, 0, .85);
+    font-size: 14px;
+    line-height: 2;
+}
+
+.vditor-reset img {
+    max-width: calc(100% - 32px);
+}
+
+.vditor-reset p > img {
+    margin: 34px 0;
+    box-shadow: 0 8px 20px rgba(143, 168, 191, 0.35);
+}
+
+.vditor-reset h1 {
+    margin-bottom: 20px;
+    color: rgba(0, 0, 0, .85);
+    font-weight: 500;
+    font-size: 30px;
+    font-family: Avenir, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji, sans-serif;
+    line-height: 38px
+}
+
+.vditor-reset h2 {
+    font-size: 24px;
+    line-height: 32px;
+}
+
+.vditor-reset h2,
+.vditor-reset h3,
+.vditor-reset h4,
+.vditor-reset h5,
+.vditor-reset h6 {
+    clear: both;
+    margin: 1.6em 0 .6em;
+    color: rgba(0, 0, 0, .85);
+    font-weight: 500;
+    font-family: Avenir, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji, sans-serif
+}
+
+.vditor-reset h3 {
+    font-size: 18px;
+}
+
+.vditor-reset h4 {
+    font-size: 16px;
+}
+
+.vditor-reset h5 {
+    font-size: 14px;
+}
+
+.vditor-reset h6 {
+    font-size: 12px;
+}
+
+.vditor-reset hr {
+    clear: both;
+    height: 1px;
+    margin: 56px 0;
+    background: #f0f0f0;
+    border: 0;
+}
+
+.vditor-reset p,
+.vditor-reset pre {
+    margin: 1em 0;
+}
+
+.vditor-reset ul > li {
+    margin-left: 20px;
+    padding-left: 4px;
+    list-style-type: circle;
+}
+
+.vditor-reset ol > li {
+    margin-left: 20px;
+    padding-left: 4px;
+    list-style-type: decimal;
+}
+
+.vditor-reset ul > li > p,
+.vditor-reset ol > li > p {
+    margin: 0.2em 0;
+}
+
+.vditor-reset code {
+    margin: 0 1px;
+    padding: .2em .4em;
+    font-size: .9em;
+    border-radius: 3px;
+    border: 1px solid #f0f0f0;
+    font-family: sfmono-regular, Consolas, liberation mono, Menlo, Courier, monospace;
+}
+
+.vditor-reset code:not(.hljs):not(.highlight-chroma) {
+    background: #f2f4f5;
+    color: rgba(0, 0, 0, .65);
+}
+
+.vditor-reset pre {
+    font-family: sfmono-regular, Consolas, liberation mono, Menlo, Courier, monospace;
+    border-radius: 2px;
+}
+
+.vditor-reset .language-abc svg,
+.vditor-reset .language-abc path {
+    fill: currentColor;
+    color: rgba(0, 0, 0, .85);
+}
+
+.vditor-reset .language-graphviz polygon {
+    fill: transparent;
+}
+
+.vditor-reset strong,
+.vditor-reset b {
+    font-weight: 500;
+}
+
+.vditor-reset > table {
+    width: 100%;
+    margin: 8px 0 16px;
+    direction: ltr;
+    empty-cells: show;
+    border: 1px solid #f0f0f0;
+    border-collapse: collapse;
+    border-spacing: 0
+}
+
+.vditor-reset > table th {
+    color: #5c6b77;
+    font-weight: 500;
+    white-space: nowrap;
+    background: rgba(0, 0, 0, .02)
+}
+
+.vditor-reset > table th, .vditor-reset > table td {
+    padding: 16px 24px;
+    text-align: left;
+    border: 1px solid #f0f0f0
+}
+
+.vditor-reset blockquote {
+    margin: 1em 0;
+    padding-left: .8em;
+    color: rgba(0, 0, 0, .45);
+    font-size: 90%;
+    border-left: 4px solid #f0f0f0
+}
+
+.vditor-reset blockquote p {
+    margin: 0;
+}
+
+.vditor-reset .vditor-anchor {
+    margin-left: 8px;
+    opacity: 0;
+    transition: opacity 0.3s;
+}
+
+.vditor-reset h1:hover .vditor-anchor,
+.vditor-reset h2:hover .vditor-anchor,
+.vditor-reset h3:hover .vditor-anchor,
+.vditor-reset h4:hover .vditor-anchor,
+.vditor-reset h5:hover .vditor-anchor,
+.vditor-reset h6:hover .vditor-anchor {
+    display: inline-block;
+    opacity: 1;
+}
+
+.vditor-reset > br,
+.vditor-reset > p > br {
+    clear: both;
+}
+
+.vditor-reset a, .vditor-ir__link {
+    color: #1890ff;
+    text-decoration: none;
+    outline: none;
+    cursor: pointer;
+}

package/dist/css/content-theme/dark.css

@@ -23,4 +23,101 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  *
- */.vditor-reset{color:#d1d5da}.vditor-ir__link,.vditor-reset a{color:#4285f4}.vditor-reset h1,.vditor-reset h2{padding-bottom:.3em;border-bottom:1px solid #d1d5da}.vditor-reset hr{background-color:#d1d5da}.vditor-reset blockquote{padding:0 1em;color:#b9b9b9;border-left:.25em solid #d1d5da}.vditor-reset iframe{border:1px solid #141414}.vditor-reset table tr{background-color:#2f363d}.vditor-reset table td,.vditor-reset table th{border:1px solid #dfe2e5}.vditor-reset table tbody tr:nth-child(2n){background-color:#24292e}.vditor-reset code:not(.hljs):not(.highlight-chroma){background-color:rgba(66,133,244,.36)}.vditor-reset .language-abc path,.vditor-reset .language-abc svg{fill:currentColor;color:#d1d5da}.language-graphviz polygon{fill:rgba(66,133,244,.36)}.vditor-reset kbd{color:#d1d5da;background-color:#2f363d;border:1px solid #141414;box-shadow:inset 0 -1px 0 #141414}.vditor-copy svg{color:#b9b9b9}.vditor-speech{background-color:#1d2125;border:1px solid #141414;color:#b9b9b9}.vditor-speech--current,.vditor-speech:hover{color:#fff}.vditor-linkcard a{background-color:#1d2125}.vditor-linkcard a:visited .vditor-linkcard__abstract{color:hsla(0,0%,72.5%,.36)}.vditor-linkcard__title{color:#d1d5da}.vditor-linkcard__abstract{color:#b9b9b9}.vditor-linkcard__site{color:#fff}.vditor-linkcard__image{background-color:hsla(0,0%,72.5%,.36)}
+ */
+.vditor-reset {
+    color: #d1d5da;
+}
+
+.vditor-reset a, .vditor-ir__link {
+    color: #4285f4;
+}
+
+.vditor-reset h1, .vditor-reset h2 {
+    padding-bottom: 0.3em;
+    border-bottom: 1px solid #d1d5da
+}
+
+.vditor-reset hr {
+    background-color: #d1d5da
+}
+
+.vditor-reset blockquote {
+    padding: 0 1em;
+    color: #b9b9b9;
+    border-left: .25em solid #d1d5da
+}
+
+.vditor-reset iframe {
+    border: 1px solid #141414
+}
+
+.vditor-reset table tr {
+    background-color: #2f363d
+}
+
+.vditor-reset table td, .vditor-reset table th {
+    border: 1px solid #dfe2e5
+}
+
+.vditor-reset table tbody tr:nth-child(2n) {
+    background-color: #24292e
+}
+
+.vditor-reset code:not(.hljs):not(.highlight-chroma) {
+    background-color: rgba(66, 133, 244, .36);
+}
+
+.vditor-reset .language-abc svg,
+.vditor-reset .language-abc path {
+    fill: currentColor;
+    color: #d1d5da;
+}
+
+.language-graphviz polygon {
+    fill: rgba(66, 133, 244, .36);
+}
+
+.vditor-reset kbd {
+    color: #d1d5da;
+    background-color: #2f363d;
+    border: 1px solid #141414;
+    box-shadow: inset 0 -1px 0 #141414
+}
+
+.vditor-copy svg {
+    color: #b9b9b9
+}
+
+.vditor-speech {
+    background-color: #1d2125;
+    border: 1px solid #141414;
+    color: #b9b9b9
+}
+
+.vditor-speech--current, .vditor-speech:hover {
+    color: #fff
+}
+
+.vditor-linkcard a {
+    background-color: #1d2125;
+}
+
+.vditor-linkcard a:visited .vditor-linkcard__abstract {
+    color: hsla(0, 0%, 72.5%, .36)
+}
+
+.vditor-linkcard__title {
+    color: #d1d5da
+}
+
+.vditor-linkcard__abstract {
+    color: #b9b9b9
+}
+
+.vditor-linkcard__site {
+    color: #fff
+}
+
+.vditor-linkcard__image {
+    background-color: hsla(0, 0%, 72.5%, .36)
+}

package/dist/css/content-theme/light.css

@@ -23,4 +23,79 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  *
- */.vditor-reset h1,.vditor-reset h2{padding-bottom:.3em;border-bottom:1px solid #eaecef}.vditor-reset hr{background-color:#eaecef}.vditor-reset blockquote{color:#6a737d;border-left:.25em solid #eaecef}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table tr{border-top:1px solid #c6cbd1;background-color:#fafbfc}.vditor-reset table td,.vditor-reset table th{border:1px solid #dfe2e5}.vditor-reset table tbody tr:nth-child(2n){background-color:#fff}.vditor-reset code:not(.hljs):not(.highlight-chroma){background-color:rgba(27,31,35,.05)}.vditor-reset kbd{color:#24292e;background-color:#fafbfc;border:1px solid #d1d5da;box-shadow:inset 0 -1px 0 #d1d5da}.vditor-speech{background-color:#f6f8fa;border:1px solid #d1d5da;color:#586069}.vditor-speech--current,.vditor-speech:hover{color:#4285f4}.vditor-linkcard a{background-color:#f6f8fa}.vditor-linkcard a:visited .vditor-linkcard__abstract{color:rgba(88,96,105,.36)}.vditor-linkcard__title{color:#24292e}.vditor-linkcard__abstract{color:#586069}.vditor-linkcard__site{color:#4285f4}.vditor-linkcard__image{background-color:rgba(88,96,105,.36)}
+ */
+.vditor-reset h1, .vditor-reset h2 {
+    padding-bottom: 0.3em;
+    border-bottom: 1px solid #eaecef;
+}
+
+.vditor-reset hr {
+    background-color: #eaecef;
+}
+
+.vditor-reset blockquote {
+    color: #6a737d;
+    border-left: .25em solid #eaecef
+}
+
+.vditor-reset iframe {
+    border: 1px solid #d1d5da
+}
+
+.vditor-reset table tr {
+    border-top: 1px solid #c6cbd1;
+    background-color: #fafbfc
+}
+
+.vditor-reset table td, .vditor-reset table th {
+    border: 1px solid #dfe2e5
+}
+
+.vditor-reset table tbody tr:nth-child(2n) {
+    background-color: #fff
+}
+
+.vditor-reset code:not(.hljs):not(.highlight-chroma) {
+    background-color: rgba(27, 31, 35, .05);
+}
+
+.vditor-reset kbd {
+    color: #24292e;
+    background-color: #fafbfc;
+    border: solid 1px #d1d5da;
+    box-shadow: inset 0 -1px 0 #d1d5da;
+}
+
+.vditor-speech {
+    background-color: #f6f8fa;
+    border: 1px solid #d1d5da;
+    color: #586069;
+}
+
+.vditor-speech--current, .vditor-speech:hover {
+    color: #4285f4;
+}
+
+.vditor-linkcard a {
+    background-color: #f6f8fa;
+}
+
+.vditor-linkcard a:visited .vditor-linkcard__abstract {
+    color: rgba(88, 96, 105, 0.36);
+}
+
+.vditor-linkcard__title {
+    color: #24292e;
+}
+
+.vditor-linkcard__abstract {
+    color: #586069;
+}
+
+.vditor-linkcard__site {
+    color: #4285f4;
+}
+
+.vditor-linkcard__image {
+    background-color: rgba(88, 96, 105, 0.36);
+}