基於 vue 實現的markdown編輯器

介紹

v-md-editor 是基於 Vue 開發的 markdown 編輯器組件

相關連接

• 在線示例
• github

效果展現.

github 主題

vuepress 主題

輕量版編輯器

輕量版編輯器左側編輯區域使用 textarea 實現。

優勢：

• 足夠輕量

缺點：

• 不支持更爲豐富的編輯區功能擴展。例如：沒法根據不一樣的語法在輸入框內顯示不一樣的樣式。

進階版編輯器

進階版編輯器左側編輯區域使用 CodeMirror 實現。

優勢：

• 能夠根據 CodeMirror 提供的 Api 來自定義擴展編輯區域功能，提升編輯體驗。

缺點：

• 文件體積遠大於輕量版

預覽組件

當你只須要對 markdown 語法進行解析並預覽的時候，能夠使用該組件。

特性

1. 高度可定製化
2. 高度可擴展性
3. 支持自定義主題包
4. 提供開箱即用的主題包
5. 提供多個組件。可按需使用。