vue-解析markdown 内容

上篇文章中,下载的 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;

    }

  },

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容