百度网盘做自已网站,做网站费用分几块,中英双语网站建设,网站建设 费用 入哪个科目什么是Turndown
“Turndown” 是一个用于将 HTML 转换为 Markdown 的 JavaScript 库。它通常用于将富文本内容从网页或其他 HTML 格式转换为纯文本 Markdown 格式#xff0c;以便在不同平台上显示或存储。
如果在有node环境的情况下要使用 Turndown#xff0c;首先需要将它…什么是Turndown
“Turndown” 是一个用于将 HTML 转换为 Markdown 的 JavaScript 库。它通常用于将富文本内容从网页或其他 HTML 格式转换为纯文本 Markdown 格式以便在不同平台上显示或存储。
如果在有node环境的情况下要使用 Turndown首先需要将它添加到你的项目中。可以使用 npm 或 yarn 安装 Turndown如下所示
使用 npm 安装
npm install turndown使用 yarn 安装
yarn add turndown或者html文件直接引入
script srchttps://unpkg.com/turndown/dist/turndown.js/script安装完成可以在项目中使用它。以下是一个简单的示例
import TurndownService from turndown;const turndownService new TurndownService();const html h1Hello, World!/h1pThis is a emsample/em HTML document./p;
const markdown turndownService.turndown(html);console.log(markdown);无需安装直接在html文件使用
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0!-- 引入 Turndown 库 --script srchttps://cdn.jsdelivr.net/npm/turndown7.1.3/dist/turndown.js/scripttitleDocument/title
/head
bodyscript// 创建 TurndownService 实例const turndownService new TurndownService();// 要转换的 HTML 内容const htmlContent h1Hello, World!/h1pThis is a emsample/em HTML document./p;// 使用 Turndown 进行转换const markdown turndownService.turndown(htmlContent);// 输出 Markdownconsole.log(markdown);/script/body
/html参数
Turndown 提供了一些参数和配置选项以便更精细地控制 HTML 到 Markdown 的转换过程。以下是一些常用的参数和配置选项
headingStyle标题样式: 用于指定生成的 Markdown 标题的样式。可选值包括 setext默认值和 atx。“setext” 样式使用下划线或等号来表示标题级别而 “atx” 样式使用井号的数量表示标题级别。
const turndownService new TurndownService({ headingStyle: atx });hr水平分隔线: 用于指定生成的 Markdown 水平分隔线的样式。默认是 * * *。
const turndownService new TurndownService({ hr: - - - });bulletListMarker无序列表标记: 用于指定生成的 Markdown 无序列表的标记。默认是 *。
const turndownService new TurndownService({ bulletListMarker: - });codeBlockStyle代码块样式: 用于指定生成的 Markdown 代码块的样式。默认是三个反引号 “”。
const turndownService new TurndownService({ codeBlockStyle: });fence代码块标记: 用于指定生成的 Markdown 代码块的标记。默认是 ~~~。
const turndownService new TurndownService({ fence: });emDelimiter强调/斜体标记: 用于指定生成的 Markdown 强调斜体的标记。默认是 _。
const turndownService new TurndownService({ emDelimiter: * });strongDelimiter粗体标记: 用于指定生成的 Markdown 粗体的标记。默认是 **。
const turndownService new TurndownService({ strongDelimiter: __ });API
Turndown 提供了一组 API 方法用于定制和配置 HTML 到 Markdown 的转换过程。以下是一些常用的 Turndown API 方法和选项 turndown(html: string): 这是 Turndown 的主要方法用于将给定的 HTML 字符串转换为 Markdown。它返回一个 Markdown 字符串。 addRule(key: string, rule: Rule): 允许你添加自定义规则来处理 HTML 元素的转换。key 是规则的唯一标识符rule 是一个包含规则定义的对象。 keep(filter: string | RegExp | KeepFilterFunction): 允许你指定哪些 HTML 元素应该保留为原始 HTML而不进行转换。你可以传递一个字符串、正则表达式或自定义函数来定义保留的条件。 remove(filter: string | RegExp | RemoveFilterFunction): 允许你指定哪些 HTML 元素应该从输出的 Markdown 中完全移除。你可以传递一个字符串、正则表达式或自定义函数来定义移除的条件。 use(plugins: Plugin | Plugin[]): 允许你加载 Turndown 插件这些插件可以添加额外的转换规则和功能。插件是一种扩展 Turndown 功能的方式。 keepReplacement: 用于自定义保留元素时的替代字符串默认是 \n\n。你可以更改这个字符串以满足你的需求。 addRuleBefore(existingKey: string, newKey: string, rule: Rule): 在现有规则之前添加自定义规则。 addRuleAfter(existingKey: string, newKey: string, rule: Rule): 在现有规则之后添加自定义规则。
市面上还有很多其他html转换markdown的工具比如html-to-markdown、showdown、remark、Marked 可以根据项目需要和个人喜好去使用。
本文只是简单介绍一下turndown工具。更多详细内容可以在官方文档中查看https://github.com/domchristie/turndown。
