npm 包 turndown-plugin-gfm 使用教程

前言

Markdown 是一种轻量级的标记语言,用于在写作过程中快速排版内容。在前端开发中,我们经常需要将 Markdown 转换成 HTML,这时候就可以使用 turndown 来实现。

turndown 是一个 JavaScript 库,用于将 HTML 转换为 Markdown。turndown-plugin-gfm 是 turndown 的插件之一,它可以增强 turndown 的功能,支持更多的 GFM(GitHub Flavored Markdown) 语法转换。

本文将详细介绍 turndown-plugin-gfm 的使用方法,并包含示例代码。

安装 turndown-plugin-gfm

我们首先需要安装 turndown-plugin-gfm,方法如下:

--- ------- -------------------

安装完成后,我们需要引入它:

------ --------------- ---- -----------
------ ----------------- ---- ----------------------

----- --------------- - --- ------------------
---------------------------------------

turndown-plugin-gfm 的使用

1. 任务列表

turndown-plugin-gfm 可以将带有 [ ] 和 [x] 的任务列表转换为 Markdown 格式。

示例代码:

----
  ---------- --------------- -------- -------- ---- ------
  ---------- --------------- --------- ---- ------
-----
----- ---- - --------------- --------------- -------- -------- ---- ---------------- --------------- --------- ---- -------------

----- -------- - -------------------------------

----------------------

输出结果:

- --- ---- -
- - - ---- -

2. 删除线

turndown-plugin-gfm 可以将 HTML 中的删除线标签 转换成 Markdown 的删除线格式。

示例代码:

------- -- - ------------------ ---------
----- ---- - -------- -- - ------------------ -----------

----- -------- - -------------------------------

----------------------

输出结果:

---- -- - ----------- -----

3. 自动链接

turndown-plugin-gfm 可以将 HTML 中的链接标签 转换成 Markdown 的自动链接格式。

示例代码:

------- -- - -- ------------------------------------ ---------
----- ---- - -------- -- - -- ------------------------------------ -----------

----- -------- - -------------------------------

----------------------

输出结果:

---- -- - ---------------------- ---- -----

总结

turndown-plugin-gfm 是 turndown 的一个插件,可以增强 turndown 的功能,支持更多的 GFM 语法转换。本文介绍了 turndown-plugin-gfm 的使用方法,并提供了示例代码,希望能对大家有所帮助。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5eedab64b5cbfe1ea0610772


猜你喜欢

  • npm 包 tslint-functional-preset 使用教程

    前言 在前端开发中,无论是个人还是团队,代码的规范化一直是一个重要的议题。为了降低代码的维护成本,规范化的代码进而提高代码的可读性和可维护性是非常必要的。而在 TypeScript 的开发中,tsli...

    4 年前
  • npm 包 Aurelia-hot-module-reload 使用教程

    前言 随着前端开发的日益复杂,模块化开发、组件化开发等技术已经成为了前端开发的基本要素之一。为了更好的提升开发效率,减少开发成本,前端工程师们更多的开始使用 npm 包管理工具以及其他一系列的自动化构...

    4 年前
  • npm 包 @loopback/openapi-spec-builder 使用教程

    前言 随着前端技术的不断发展,前端类的技术文章越来越受到欢迎。本篇文章将介绍一个常用的 npm 包 @loopback/openapi-spec-builder 的使用教程,希望能为前端开发者们提供一...

    4 年前
  • npm 包 import-sort-style 使用教程

    介绍 在前端开发中,需要引入许多第三方的 JavaScript 库或框架。然而,当我们在编写代码时,我们常常会忽略代码文件引入顺序。这会造成代码可读性的下降,使得代码难以维护和修改。

    4 年前
  • NPM包 @loopback/filter 使用教程

    简介 @loopback/filter是一个Node.js模块,它提供了一套强大的过滤器供开发者使用,能够方便地对对象数组或JSON文档进行过滤和排序。本文将详细介绍该模块的各种使用方法及其详细的AP...

    4 年前
  • npm 包 @loopback/repository 使用教程

    @loopback/repository 是一个 Node.js 的 npm 包,它为开发人员提供了一种简单而又高效的方法来操作数据库。通过这个库,开发者可以方便地使用 TypeScript 来建立先...

    4 年前
  • npm 包 @types/vfile-message 使用教程

    前言 在前端开发中,使用 npm 来管理依赖是一种很普遍的方式。其中 @types/vfile-message 这个 npm 包是 TypeScript 中用来描述 vfile-message 的类型...

    4 年前
  • npm 包 @loopback/testlab 使用教程

    什么是 @loopback/testlab ? @loopback/testlab 是一个用于测试 LoopBack 应用程序的工具包。它是 LoopBack 框架的官方测试库之一,致力于为 Loop...

    4 年前
  • npm 包 @types/nomnom 使用教程

    在前端开发中,我们经常会用到命令行工具来执行一些任务,比如打包、压缩代码等。其中,命令行参数的处理是非常重要的一部分。而 @types/nomnom 就是一个用于处理命令行参数的 TypeScript...

    4 年前
  • NPM 包 @types/json-schema-compare 使用教程

    介绍 在前端开发过程中,我们经常需要比较两个 JSON 数据的结构是否相同。这时,我们可以使用 JSON Schema 进行比较,但是在实际使用过程中,我们发现 JSON Schema 的语法比较复杂...

    4 年前
  • npm 包 @types/triple-beam 使用教程

    前言 在日常的前端开发中,我们难免会遇到使用到 node.js 进行后端开发的场景。而使用 node.js 的过程中,我们可能会用到一些第三方库。很多第三方库都需要提供类型声明文件,以便在开发过程中智...

    4 年前
  • npm包@apiglobal/typedrequest-interfaces使用教程

    @apiglobal/typedrequest-interfaces 是一个用于 TypeScript 的包,可以帮助前端开发者更好地进行 API 请求处理。 安装 可以通过在终端中运行以下命令来安装...

    4 年前
  • npm 包 @pushrocks/smartlog-interfaces 使用教程

    什么是 @pushrocks/smartlog-interfaces @pushrocks/smartlog-interfaces 是一个可以用来定义日志接口的 npm 包。

    4 年前
  • npm 包 @types/koa-convert 使用教程

    如果你使用过 Koa 这款 Node.js 的 Web 框架,那么一定会遇到 Koa 中间件的使用问题。而 koa-convert 是一个可以帮助我们使用传统的中间件在 Koa 中启用的工具。

    4 年前
  • npm 包 @neo-one/logger-config 使用教程

    概述 在前端开发过程中,经常需要使用日志记录工具。而 @neo-one/logger-config 是 Neo-one 社区提供的一款开源的日志记录库,使用简单,具有灵活的配置,适用于任何 JavaS...

    4 年前
  • npm包 @neo-one/client-full-common的使用方法指南

    在前端开发中,npm作为最流行的JavaScript包管理工具,为开发者提供了方便的途径去管理和分享自己的代码。@neo-one/client-full-common是一个比较常用的npm包,它是NE...

    4 年前
  • npm 包 @types/koa-cors 使用教程

    前言 在开发 Web 应用时,我们经常需要处理跨域请求。Koa.js 是非常优秀的 Node.js Web 框架,koa-cors 是其常用的跨域请求中间件之一。本文将介绍 @types/koa-co...

    4 年前
  • npm 包 @reactivex/ix-esnext-esm 使用教程

    介绍 @reactivex/ix-esnext-esm 是一个 JavaScript 库,提供了一些强大的序列和迭代器操作。这个库的特点是基于 ES6 的现代 JavaScript,可以很方便地使用 ...

    4 年前
  • npm 包 bitwise 使用教程

    简介 bitwise 是一个 JavaScript 库,它提供了对二进制位进行操作的功能,使得处理和转换二进制数据变得更加简单和高效。 在前端开发中,经常需要对二进制数据进行操作,如图像处理、加密算法...

    4 年前
  • npm 包 @neo-one/node-vm 使用教程

    前言 在前端开发过程中,我们经常需要编写一些与用户交互的 JavaScript 代码。然而,由于 JavaScript 执行环境的特性,我们无法隔离这些代码的执行环境,造成了一定的安全问题。

    4 年前

相关推荐

    暂无文章