在vue3中配置ByteMD掘金同款markdown编辑器

最近因为想要一个富文本编辑器集合到项目中，在查找网上很多资料后，选择了ByteMD 编辑器，ByteMD 编辑器是字节跳动的掘金团队所开源的一个编辑器组件，还挺好用的，那如果要在vue3项目中配置ByteMD编辑器要如何配置呢？用一个小demo来演示一下。

 安装vue3

npm init vue@latest

安装ByteMD

npm install @bytemd/vue-next

在对应的页面中导入 ByteMD 样式文件

import 'bytemd/dist/index.css'

在对应页面中添加如下代码即可

我们运行下看下效果

 怎么说呢，看得有点奇怪，我们给它修改下样式，添加代码

看下展示效果

 这样就好很多了，你可以通过修改样式达到你想要的效果。就此就大功告成了。