JavaScript 如何将 HTML 转成 Markdown?
导读:降低阅读负担,启发创作心智,轻松学习 JavaScript 技巧,日拱一卒,jym,冲~本篇带来:在 JavaScript 如何将 HTML 转成 Markdown?先收藏,总有一天要用到!!npm我们主要是借助 Turndown 这...
降低阅读负担,启发创作心智,轻松学习 JavaScript 技巧,日拱一卒,jym,冲~
本篇带来:在 JavaScript 如何将 HTML 转成 Markdown?先收藏,总有一天要用到!!
npm
我们主要是借助 Turndown 这个库来实现的
npm 安装
npm i turndown
es6 import 引入:
import TurndownService from 'turndown'
CommonJs require 引入:
const TurndownService = require('turndown');
接下来我们就可以简单的使用它了:
import TurndownService from 'turndown'; const html = ` h1> Learn Web Development/h1> p> Check out a href="https://codingbeautydev.com/blog"> Coding Beauty/a> for some great tutorials!/p> `; // Create an instance of the Turndown service const turndownService = new TurndownService(); const markdown = turndownService.turndown(html); console.log(markdown);
输出如下:
Learn Web Development ===================== Check out [Coding Beauty](https://codingbeautydev.com/blog) for some great tutorials!
script
除了 npm 安装的方式,我们还可以通过 script>
标签引入的方式实现调用:
script src="https://unpkg.com/turndown/dist/turndown.js"> /script>
调用实现转换:和上面例子一致
const html = ` h1> Learn Web Development/h1> p> Check out a href="https://codingbeautydev.com/blog"> Coding Beauty/a> for some great tutorials!/p> `; // Create an instance of the Turndown service const turndownService = new TurndownService(); const markdown = turndownService.turndown(html); console.log(markdown);
我们还可以直接对 dom 节点进行转换
// convert document body> to Markdown const bodyMarkdown = turndownService.turndown(document.body);
参数配置
于此同时,turndown 还有一些参数可以配置:
比如 bulletListMarker
属性,可以将 markdown 中的 list 用符号作标记:
import TurndownService from 'turndown'; const html = ` ul> li> HTML/li> li> CSS/li> li> JavaScriptli> `; // Specifying options when creating an instance of the // Turndown service const turndownService = new TurndownService({ bulletListMarker: '-' } ); const markdown = turndownService.turndown(html); console.log(markdown);
输出:
- HTML - CSS - JavaScript
更多属性配置见:github.com/mixmark-io/…
小结:JavaScript 如何将 HTML 转成 Markdown?记得用 turndown !
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: JavaScript 如何将 HTML 转成 Markdown?
本文地址: https://pptw.com/jishu/290235.html