基于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)
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?