您现在的位置是：网站首页> 编程资料编程资料

一文详解JavaScript 如何将 HTML 转成 Markdown_javascript技巧_

2023-05-24 517人已围观

简介 一文详解JavaScript 如何将 HTML 转成 Markdown_javascript技巧_

前言：

本篇带来：在 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 = ` 
Learn Web Development
Check out Coding Beauty for some great tutorials!
 `; // 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 安装的方式，我们还可以通过 

调用实现转换：和上面例子一致

const html = ` 
Learn Web Development
Check out Coding Beauty for some great tutorials!
 `; // Create an instance of the Turndown service const turndownService = new TurndownService(); const markdown = turndownService.turndown(html); console.log(markdown);

我们还可以直接对 dom 节点进行转换

// convert document  to Markdown const bodyMarkdown = turndownService.turndown(document.body);

参数配置

于此同时，turndown 还有一些参数可以配置：

比如 bulletListMarker 属性，可以将 markdown 中的 list 用符号作标记：

import TurndownService from 'turndown'; const html = ` 
  • HTML
  • CSS
  • JavaScript
  • `; // 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 ！

到此这篇关于一文详解JavaScript 如何将 HTML 转成 Markdown的文章就介绍到这了,更多相关JavaScript  HTML 转Markdown内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

您可能感兴趣的文章:

上一篇：JS数据分析数据去重及参数序列化示例_JavaScript_

下一篇：ant-design-vue动态表格合并案例_vue.js_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网