Vue渲染Markdown数据
今天在找基于Vue的markdown编辑器时,找到了mavonEditor模块,本来想着通过抽离抽出展示Markdown数据相关的代码,结果忙活了一阵,突然看见文档有提示怎么只展示Markdown数据
仅用作展示可以设置props: toolbarsFlag: false , subfield: false, defaultOpen:
“preview”
一 ,前言
由于需要,要把Markdown数据渲染在页面上。刚开始在网上找了一大圈,要么只能把md文件通过插件转换为vue组件来渲染,虽然有通过Markdown数据来渲染,但是出来的结果不太理想。在看完几篇关于vue渲染Markdown的文章后,经过一番尝试,终于弄好了。
二,实现过程
- 需要提前安装的npm包
npm install vue-loader vue-template-compiler -D
- 在安装vue-markdown插件
原文地址:https://blog.csdn.net/weixin_48852004/article/details/119896840
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。