欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 健康 > 养生 > 前端 html格式转md格式插件使用介绍

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

2024/10/25 11:32:21 来源:https://blog.csdn.net/Gimamy/article/details/139419626  浏览:    关键词:前端 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格式')

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com