本文主要是介绍ByteMD - 掘金社区 MarkDown 编辑器的免费开源的版本，可以在 Vue / React / Svelte 中使用，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
各位元宵节快乐，今天推荐一款字节跳动旗下掘金社区官方出品的 Markdown 编辑器 JS 开发库。
ByteMD 是一个用于 web 开发的 Markdown 编辑器 JavaScript 库，是字节跳动（也就是掘金社区）出品的 Markdown 格式的富文本编辑器，前端开发者可以基于这个库来将一款漂亮优秀的 Markdown 编辑器集成在自己开发的项目中。
不知道大家有没有在掘金社区上发过文章，掘金上内置的 Markdown 编辑器内置了很多好看的主题，写作体验也很棒，界面简洁，没有那些永远用不上的功能。日常使用的文字、图片、公式、流程图、代码、表格、代码高亮等都有，是我很喜欢的一款编辑器。
掘金官方实际上把这款编辑器开源了，就是今天这篇文章我要介绍的 ByteMD，我们可以轻松地集成在自己的项目中。
两个组件
ByteMD 中有两个组件：Editor 和 Viewer。对应 Editor 是 Markdown 编辑器，而 Viewer 就是解析和将 Markdown 文档显示为富文本格式的阅读器。
在 Vue 中的使用方法
由于我自己用的是 Vue，下面演示一下怎么来使用 ByteMD。在使用组件之前，首先要导入 CSS 文件来显示样式。
在 Vue 2 中安装：
接着就可以在 Vue 文件中使用组件，比如加载 Editor 组件：
一个简单的 Markdown 编辑器就做好了，如果需要丰富的功能，就可以用插件的方式来加载，比如数学公式、emoji 表情、流程图等，下面是比较常用的插件：
这样一款专业漂亮的 Markdown 就集成好了，非常简单。
注意事项
官方提供的开发文档是英文的，阅览起来较为费劲，并且很多细节功能没有什么代码例子，遇到问题还是要考验自己解决问题的能力。
ByteMD 是由字节跳动（也就是掘金社区）开发的 Markdown 编辑器，项目基于 MIT 协议免费开源，任何人都可以免费下载来使用，也可以用在商业项目上。
这是一款用于 web 开发的 Markdown 库，如果你想找 Markdown 编辑器软件，可以看看我之前推荐的 Mark Text。
原文链接：https://www.thosefree.com/bytemd
这篇关于ByteMD - 掘金社区 MarkDown 编辑器的免费开源的版本，可以在 Vue / React / Svelte 中使用的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
