JS实现HTML转成Markdown的办法和代码是什么
|
这篇文章主要介绍了“JS实现HTML转成Markdown的方法和代码是什么”相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇JS实现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" rel="external nofollow" rel="external nofollow" >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" rel="external nofollow" rel="external nofollow" >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>JavaScript<li>`; // 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/… 这篇关于“JS实现HTML转成Markdown的方法和代码是什么”的文章就介绍到这了,更多相关的内容，小编将为大家输出更多高质量的实用文章！ （编辑：银川站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
