mardown和html的互转

我这里用的是mavon-editor

一、markdown转成html

<mavon-editor v-model="post.content"
              @change="updateDoc">
            </mavon-editor>
             

data () {
    return {
    content:'',
    post:{}
    }

// 转成html格式
    updateDoc: function (value, render) {
    //此时的content就变成了html格式，在下文就可以用了
      this.content = render
    }

二、html转成markdown

先安装turndown，具体看这https://www.npmjs.com/package/turndown
npm run turndown

		// 如果你看了上面网站复制粘贴无果，用下面这句
		const TurndownService = require('turndown').default
        var turndownService = new TurndownService()
        // 这里的this.post.content为数据库保存的html格式，转换成了markdown格式
        var markdown = turndownService.turndown(this.post.content)
        // 显示在页面
        this.post.content = markdown

注1：上面this.content和this.post.content不是同一个东西！

注2：将html转成markdown格式可能会有些不同，例如h1和h2标签转换（至于转换模样自己测试）。具体解决方式请看https://www.npmjs.com/package/turndown，这里就不一一解答。

如果上面帮到你了，点个赞吧！