美文网首页
vue-解析markdown 内容

vue-解析markdown 内容

作者: 泡泡1007 | 来源:发表于2019-03-12 10:18 被阅读0次

上篇文章中,下载的 mavon-editor 是基于markdown的编辑器,同样他也可以自己解析自己的内容,下载安装全局引用都和上篇文章一样,这里我就不在写了!!直接进入主题,哈哈哈

1、页面中使用

<mavon-editor :value="content" :subfield="prop.subfield" :defaultOpen="prop.defaultOpen" :toolbarsFlag="prop.toolbarsFlag" :editable="prop.editable" :scrollStyle="prop.scrollStyle"></mavon-editor>

2、定义参数

export default {

  data() {

    return {

      content:'',  //内容

    }

  }

}

3、方法中使用

computed: {

    prop() {

      let data = {

        subfield: false, // 单双栏模式

        defaultOpen: "preview", //edit: 默认展示编辑区域 , preview: 默认展示预览区域

        editable: false,

        toolbarsFlag: false,

        scrollStyle: true

      };

      return data;

    }

  },

相关文章

网友评论

      本文标题:vue-解析markdown 内容

      本文链接:https://www.haomeiwen.com/subject/gxqgpqtx.html