v2.9.2

重构：

• 🌟 将mermaid的默认版本重新设置为9。因为首屏渲染存在不明滚动条。

---

Refactor:

• 🌟 Reset the default version of 'mermaid' to 9. For there is an unknown scroll bar in the page.

v2.9.1

新增特性：

• ⭐️ 给mermaid模块添加lur-cache(#222 ）。
• ⭐️ 将mermaid的默认版本设置为10以上。

修复Bug：

• 🐞 未设置mermaid的主题前，渲染了mermaid模块。
• 🐞 页面中存在多个编辑器时，扩展库未正确初始化。

---

New Features:

• ⭐️ Render mermaid with lur-cache (#222 ).
• ⭐️ Set mermaid defalut version to 10.

Fix Bugs：

• 🐞 Render mermaid before set its theme.
• 🐞 Library is not initialized when there are multiple editors.

v2.9.0

新增特性：

• ⭐️ 在代码模块中显示代码的语言名称(#212)。
• ⭐️ 使用图标替换复制代码按钮中的文字(#212). 新的图标库链接 iconfont.js。
• ⭐️ 支持新的katex模块语法(例如: $$\tag{hi} x+y^{2x}$$)。
• ⭐️ 新的监听事件: onBlur, onFocus(#214)。
• ⭐️ 当previewOnly设置为true时，也加载图标库。
• ⭐️ 支持使用mermaid@10(#219)。然而，当前的默认版本是9.4.0，因为mermaid的一些bug尚未修复。
• ⭐️ 切换预览模块显示状态后，自动对齐两边的滚动条。

重构：

• 🌟 移除工具栏的样式min-width(#214)。
• 🌟 修正css变量(--md-scrollbar-thumb-active-color)中不正确的拼写名称。

修复Bug：

• 🐞 自定义一些marked内部的扩展未正确生效。
• 🐞 复制按钮在切换预览模块状态后没有正确显示。
• 🐞 使用SSR时，提供mermaid实例时报错。

---

New Features:

• ⭐️ Display the name of development language(#212).
• ⭐️ Replace text with icon in element .copy-button(#212). New iconfont.js.
• ⭐️ Write a katex block with one new grammar($$\tag{hi} x+y^{2x}$$ works).
• ⭐️ New events: onBlur, onFocus(#214).
• ⭐️ Load iconfont.js when set previewOnly = true.
• ⭐️ Support to use mermaid@10 (#219). However, the current default version is 9.4.0, for some bugs of mermaid are not fixed yet.
• ⭐️ Synchronize scroll height after switching preview status.

Refactor:

• 🌟 Remove style min-width of toolbar(#214).
• 🌟 Modify the wrong spelling of css variable(--md-scrollbar-thumb-active-color) name.

Fix Bugs：

• 🐞 Some modules of marked can't be customized.
• 🐞 The button for copying code is not initialized after switching peview status.
• 🐞 Render mermaid error when using SSR.

v2.8.1

🐞 修复：

• 🐞 切换预览状态后，滚动预览区域未高亮目录中的标题。

---

🐞 Fix：

• 🐞 Heading in catalog is not highlighted after switching the status of the preview element.

v2.8.0

⭐️ 新增：

• ⭐️ alert模块支持不输入标题。
• ⭐️ 提供headingId作为配置标题方法的第六入参（通过props.markedHeadingId生成，用于解决不同编辑器的markedHeadingId和公共配置优先级问题）。

🌟 重构：

• 🌟 移除工具栏模块在仅预览时多余的判断逻辑。
• 🌟 内容中公共模块（katex、mermaid和alert）样式移动到公共库@vavt/markdown-theme。
• 🌟 所有主题均不再隐藏复制代码按钮。

🐞 修复：

• 🐞 输入内容时提示TypeError: textarea is undefined (#206 )。
• 🐞 方法类型的props默认值设置错误。
• 🐞 mermaid内容在某些主题下文字下沉。

---

⭐️ New Feature:

• ⭐️ Support to render alert module without title.
• ⭐️ Provide headingId as the sixth parameter to configure heading.

🌟 Refactor:

• 🌟 Remove useless logic that check status 'previewOnly' in Toolbar.
• 🌟 Move style of common modules to @vavt/markdown-theme.
• 🌟 The Copy Code button is no longer hidden for all themes.

🐞 Fix：

• 🐞 Got 'TypeError: textarea is undefined' when typing text (#206 ).
• 🐞 Correct default value of type Function.
• 🐞 The text display error in module mermaid.

v2.7.2

🐞 修复：

• 🐞 工具栏与对应功能强关联导致未显示工具栏无法使用部分功能(#198 )。
• 🐞 切换预览等状态时，放大图片表现不正常。

---

🐞 Fix：

• 🐞 Features are not supported while toolbar is not displayed(#198 ).
• 🐞 Zoom in pictures several times while change status of content preview.

v2.7.1

⭐️ 新增特性：

• ⭐️ marked扩展（源码来自marked-admonition-extension，样式等已调整）提示(#195 )，语法：

  !!! note 支持的类型
  note、abstract、info、tip、success、question、warning、failure、danger、bug、example、quote、hint、caution、error、attention
  !!!

🌟 重构：

• 🌟 升级编辑器依赖库mermaid至9.3.0。

🐞 修复：

• 🐞 复制提示未跟随语言变更而变更。
• 🐞 文本格式化未正常工作。
• 🐞 图片被多次添加放大监听。

---

⭐️ New Feature:

• ⭐️ marked alert extension (Source code: marked-admonition-extension, style has been adjusted), (#195 ), usage:

  !!! note Supported Types
  note、abstract、info、tip、success、question、warning、failure、danger、bug、example、quote、hint、caution、error、attention
  !!!

🌟 Refactor:

• 🌟 Upgrade version of mermaid to 9.3.0

🐞 Fix：

• 🐞 Tips for copying were not changed while switch language.
• 🐞 prettier does not work.
• 🐞 listeners were added to images for many times.

v2.6.0

⭐️ 新增特性：

• ⭐️ MdEditor.MdCatalog组件新增scrollElementOffsetTop 属性，滚动区域的固定顶部高度(#191 )，默认 0。
• ⭐️ autoFocus 属性。textarea标签的原生属性，默认false。
• ⭐️ disabled 属性。textarea标签的原生属性，默认false。
• ⭐️ readOnly 属性。textarea标签的原生属性，默认false。
• ⭐️ maxLength 属性。textarea标签的原生属性。
• ⭐️ autoDetectCode 属性。设置为true后，粘贴来自其他编辑器的代码时会自动标记代码类型（目前仅支持vscode）(#192 )，默 false。
• ⭐️ 挂载实例属性（文档）：
  • ⭐️ focus：手动聚焦输入框。

🐞 修复：

• 🐞 文档：codeStyleReverse属性默认值错误。
• 🐞 错的mermaid数据未禁用生产自动渲染。

⭐️ New Feature:

• ⭐️ Component MdEditor.MdCatalog：Prop scrollElementOffsetTop, offsetTop of the scroll container(#191 )，defalut 0.
• ⭐️ Prop autoFocus, same as autofocus in native textarea, default false.
• ⭐️ Prop disabled, same as disabled in native textarea, default false.
• ⭐️ Prop readOnly, same as readonly in native textarea, default false.
• ⭐️ Prop maxLength, same as maxlength in native textarea.
• ⭐️ Prop autoDetectCode, auto detect the type of pasted code, only support that copied from vscode(#192 ), default false.
• ⭐️ Exposed properties(Documentation):
  • ⭐️ focus: focus the textarea manually.

🐞 Fix：

• 🐞 Document: Wrong default value of prop codeStyleReverse.
• 🐞 Mermaid was rendering content auto.

v2.5.0

⭐️ 新增特性：

• ⭐️ codeStyleReverse 属性。代码块为暗色背景的预览主题，自动将代码风格设置为暗色风格。
• ⭐️ codeStyleReverseList 属性。代码块为暗色背景的预览主题。
• ⭐️ 挂载实例属性（文档）：
  • ⭐️ on ：监听编辑器内部状态，包括：屏幕全屏、浏览器全屏、预览文本、预览 html、目录等。
  • ⭐️ togglePageFullscreen ：切换页面内全屏。
  • ⭐️ toggleFullscreen ：切换屏幕全屏。
  • ⭐️ togglePreview ：切换是否显示预览。
  • ⭐️ toggleHtmlPreview ：切换是否显示 html 预览。
  • ⭐️ toggleCatalog ：切换是否显示目录。
  • ⭐️ triggerSave ：触发保存。
  • ⭐️ insert：手动向文本框插入内容，通常用于定义组件，快速向编辑框插入指定内容。

🌟 重构：

• ⚠️ 语言设置，移除linkModalTips.title，新增linkModalTips.linkTitle和linkModalTips.imageTitle；lable关键词调整为label(@Tofandel )。
• 🌟 解构previewOnly，editorId，noKatex，noMermaid，noPrettier，noUploadImg，noIconfont，这类属性只支持设置默认值。
• ⚠️ 在线的图标库替换：[https://at.alicdn.com/t/c/font_2605852_gymddm8qwtd.js]。(https://at.alicdn.com/t/c/font_2605852_gymddm8qwtd.js)。
• 🌟 mermaid 转换错误提示方式调整为显示错误信息。
• 🌟 升级编辑器部分依赖库：cropperjs、marked、medium-zoom、mermaid、prettier (#190 )。
• 🌟 部分html标签语义化 （相关内容）。

🐞 修复：

• 🐞 设置了noPrettier之后无法使用部分快捷键(#187 )。
• 🐞 设置了noUploadImg之后仍然加载了 cropper(#187 )。
• 🐞 mermaid 图表过大时内容显示不正常。

⭐️ New Feature:

• ⭐️ Prop codeStyleReverse. Code style will be reversed to dark while code block of the theme has a dark background.
• ⭐️ Prop codeStyleReverseList . Themes to be reversed.
• ⭐️ Exposed properties(Documentation):
  • ⭐️ on : Get the internal state of the editor, including pageFullscreen, fullscreen, preview, htmlPreview, catalog, etc.
  • ⭐️ togglePageFullscreen : Toggle status of fullscreen within the page.
  • ⭐️ toggleFullscreen : Toggle status of fullscreen widthin browser.
  • ⭐️ togglePreview : Toggle status of preview.
  • ⭐️ toggleHtmlPreview : Toggle status of htmlPreview.
  • ⭐️ toggleCatalog : Toggle status of catalog.
  • ⭐️ triggerSave
  • ⭐️ insert: Manually insert content into textarea. It is usually used to define components and quickly insert content into the textarea.

🌟 Refactor:

• ⚠️ Type of language, remove linkModalTips.title, add linkModalTips.linkTitle and linkModalTips.imageTitle; correct key lable to label(@Tofandel ).
• 🌟 Destructuring props previewOnly，editorId，noKatex，noMermaid，noPrettier，noUploadImg，noIconfont, they can be set to default value only.
• ⚠️ Update iconfont: [https://at.alicdn.com/t/c/font_2605852_gymddm8qwtd.js].(https://at.alicdn.com/t/c/font_2605852_gymddm8qwtd.js)。
• 🌟 Adjust the way to show running error of mermaid.
• 🌟 Upgrade dependencies of editor: cropperjs, marked, medium-zoom, mermaid, prettier (#190 )。
• 🌟 Use semantic html tags (commit).

🐞 Fix：

• 🐞 Shortcut key cannot be triggered correctly while noPrettier is set (#187 ).
• 🐞 Cropper is still loaded while noUploadImg is set to true (#187 ).
• 🐞 Block of Git Graph appeared as an anomaly.

v2.4.2

新增特性：

• onSave事件，(v: string, h: Promise<string>) => void, 提供异步的html获取方式(#173 )。

修复：

• 裁剪弹出框，未适配移动端(#174 )。
• 切换预览后不能放大图片。
• 裁剪按钮未正确设置按钮名称(#182 )。
• remove方法未正确移除事件池的事件。
• 未正确初始化不可修改参数（previewOnly）。

New Feature:

• Event onSave, (v: string, h: Promise<string>) => void, save html asynchronously(#173 ).

Fix：

• Clip component displays error in mobile terminal(#174 ).
• Cannot zoom the picture after switching preview status.
• Button name of Clip component is not set correctly(#182 ).
• Function remove dose't remove target event in eventBus properly.
• Props non modifiable are not stored correctly(previewOnly).