基于markdown的幻灯片,vue2集成vue-mark-display,实现在线制作幻灯片

发布时间 2023-07-31 11:13:09作者: Ning-

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