思路先读取本地md文档  拿到读取md文档展示在mavoneditor组件

1、首先安装textloader

       npm install textloader

2、修改webpack.base.config.js我用cli所以自己加了一个vue.config.js

      module.exports = {
      //此部分
     configureWebpack: {
       module: {
         rules: [
         {
           test: /.md$/,
          use: [“textloader“]
         }
      ]
    }
  }
}

3、安装vuemarkdown

    npm install vuemarkdown

4、vue-markdown引入过来,以便展示 .md里的内容能够展示出来。

代码示例

        <div class="mavonEditor">
          <mavon-editor
            v-if="MdValue"
            v-model="MdValue"
            :editable="false"
            :value="MdValue"
            :subfield="false"
            :defaultOpen="'preview'"
            :toolbarsFlag="false"
            :scrollStyle="true"
            :ishljs="true"
            :navigation= "true"
            @navigationToggle	="onAddUrl"
            style="max-height: 1000px"
          />
          </div>
      </div&gt;

 

效果

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注