基于markdown的幻灯片,vue2集成vue-mark-display,实现在线制作幻灯片
1.使用组件
组件 | 源码 | 版本 | license |
---|---|---|---|
vue-mark-display | 地址 | 0.2.2 | MIT |
@toast-ui/editor | 地址 | 3.1.5 | MIT |
jshint | 地址 | 2.13.6 | MIT |
jsonlint | 地址 | 1.6.3 | MIT |
2.组件代码
3.使用
<TuiEditor v-model='form.content' :height="400"></TuiEditor>
import TuiEditor from '@/components/TuiEditor' export default { components: { TuiEditor, }, data() { return { form: { content: null, }, } }, }
4.截图
5.示例项目
项目一:gitee
其他博客:vue-mark-display:用 markdown 语法轻松撰写幻灯片 | 囧克斯 (jiongks.name)