前端 html格式转md格式插件使用介绍

1.html-to-markdown

npm install html-to-markdown
不支持vue3

2.Marked

npm install marked
不支持table转换  
官网 https://marked.js.org/

3.html-to-md

npm i html-to-md
import html2md from 'html-to-md'
console.log(
  html2md('<strong><em>strong and italic</em></strong>', options, force)
)
// ***strong and italic***
官网 https://github.com/stonehank/html-to-md/tree/master
demo https://stonehank.github.io/html-to-md/

4.turndown 推荐 支持自定义过滤规则

npm i turndown
npm i turndown-plugin-gfm
转table需要配合 turndown-plugin-gfm 插件开发
import Turndown form 'turndown'
import {gfm}form 'turndown-plugin-gfm'
const turndownService = new Turndown()
turndownService.use(gfm)

// 添加一个自定义规则  
turndownService.addRule('customRule', {  
  filter: function(node, options) {  
    // 这里定义你的过滤条件  
     // 例如，只处理具有特定类名的元素  
    return node.classList.contains('tdd');  
  },  
replacement: function(content, node, options) {  
  // 这里定义你的替换逻辑  
  // 例如，将内容包裹在 Markdown 的双引号中  
    return '```' + content.replace(/\n/g,'<br/>') + '```'
 }  
});  
turndownService.turndown('html格式')