美文网首页
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