Vue3引入markdown编辑器--Bytemd

Vue3引入markdown编辑器--Bytemd_第1张图片

字节跳动开源了一款markdown编辑器,bytemd,项目地址:GitHub - bytedance/bytemd: ByteMD v1 repository

安装

npm i @bytemd/vue-next

引入方式如下,再main.js中引入样式

import 'bytemd/dist/index.css'

直接封装一个Markdown编辑器




封装一个Markdown展示组件
 




接下来就可以在需要用到的地方引入组件就可以了。

 Vue3引入markdown编辑器--Bytemd_第2张图片

你可能感兴趣的:(前端开发,编辑器,前端)