mavon-editor 页面回显使用turndown将HTML转为markdown

1 安装npm install turndown

npm install turndown

 

2页面使用   v-model="markdowntext" 

 <mavon-editor ref="md" v-model="markdowntext"  :subfield="false" placeholder="请说明项目" class="markdown" @imgAdd="imgAdd" @change="mdchange"/>

3引入

import TurndownService from 'turndown'

4  提交给后端是HTML语法数据 所以触发时机在回填的时候转为markdown语法

 var turndownService = new TurndownService();
        // 这里的this.ruleForm.desc为后端返回的html格式，转换成markdown格式
        var markdown = turndownService.turndown( this.ruleForm.desc);
        this.markdowntext = markdown; //赋值回显操作