基于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.组件代码

TuiEditor

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)

       使用impress.js实现超炫库的幻灯片 - Ning- - 博客园 (cnblogs.com)

posted @   Ning-  阅读(227)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示