html转turndown 踩雷 以及成功方案 （vue2 + tinymce富文本框）

1.  showdown

这里使用showdown转换 富文本框内所有格式够可以，但是表格不行，表格转换为竖线，内容丢失，如果没有表格需求，可参

注意   这里的this.markdown 是在data中声明的 this.value为你要转换的html内容

let converter = new showdown.Converter({
              tables:true,
              tableCellSplitter: '|',  // 使用 - 分隔表格列
            })
            console.log(this.value);
this.markdown = converter.makeMarkdown(this.value);
console.log(this.markdown)

​​​​​2.使用turndown 配合 turndown-plugin-gfm（心中的完美方案）

可以完美的展示表格格式

import TurndownService from 'turndown'
import { gfm } from 'turndown-plugin-gfm'

let turndownService = new TurndownService()
turndownService.use(gfm)
this.markdown = turndownService.turndown(this.value)

这里参考：HTML 转 Markdown 如此简单 - 掘金 (juejin.cn)