《vue系列》github-markdown-css让接收的⽂本带样式复制代码
当编辑器使⽤的是markdown时,我们前端接收到的数据是类似这种的:
为了是我们的展⽰的数据样式更好看些,我们可以引⼊github-markdown-css来给我们要展⽰的内容添加⼀些样式。话不多数,直接上操作:
1.安装
npm install github-markdown-css 或 cnpm install github-markdown-css复制代码
2.引⼊
import 'github-markdown-css';复制代码
3.使⽤
注意容器div要添加markdown-body类名
<div class="markdown-body" v-html="t"></div>复制代码
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论