前言
在前端开发中，经常需要将 Markdown 文本渲染成 HTML，而手动逐个解析并转换 Markdown 是非常麻烦的。为此，我们可以使用一些成熟的 npm 包来处理这个问题，supermarked 就是其中之一。本文将介绍如何在前端应用中使用 supermarked 包。
安装
首先，需要在你的项目中安装 supermarked 包：
npm install supermarked --save
使用
基本用法
使用 supermarked 很简单，只需要引入该包并调用它的函数即可：
const supermarked = require('supermarked');
const markdown = '# This is a heading\n\nHello World!';
const html = supermarked(markdown);
console.log(html);运行上述代码，会在控制台输出以下内容：
<h1>This is a heading</h1> <p>Hello World!</p>
高级用法
supermarked 还提供了许多有用的选项来定制 Markdown 渲染的行为。例如，你可以禁用 HTML 渲染、转换换行符为 <br>、启用 GFM（GitHub Flavored Markdown）等等。以下是一个示例：
-- -------------------- ---- ------- ----- ----------- - ----------------------- ----- -------- - -- ---- -- - ---------------- -------- ----- ------- - - --------- ----- ------- ----- ---- ----- -- ----- ---- - --------------------- --------- ------------------
运行上述代码，会在控制台输出以下内容：
<h1>This is a heading</h1> <p>Hello World!</p>
上述代码中的 options 是一个对象，其中的选项有：
sanitize：是否启用 HTML 标签的转义和过滤，默认为falsebreaks：是否将换行符转换为<br>标签，默认为falsegfm：是否启用 GFM（GitHub Flavored Markdown）语法，默认为falsetables：是否启用表格语法，默认为falsepedantic：是否为严格的 Markdown 语法，默认为falsesmartLists：是否启用智能列表语法，默认为falsesmartypants：是否启用智能标点符号语法，默认为falselangPrefix：代码块的 CSS 类前缀，默认为lang-
当然，还有许多其他选项可供选择，具体可参考 supermarked 的官方文档。
指导意义
supermarked 是一个非常方便实用的 npm 包，它可以帮助我们快速地将 Markdown 文本渲染成 HTML，节省了繁琐的手动解析和转换工作。在实际项目中，我们可以将 supermarked 用于文档渲染、博客文章渲染等场景。
当然，由于 supermarked 的渲染行为可定制性很高，我们还可以根据具体需求来选择不同的选项，以获得更好的渲染效果。
结语
本文介绍了 npm 包 supermarked 的基本用法和高级用法，以及它在前端应用中的指导意义。通过学习本文，相信读者已经能够熟练使用 supermarked 并根据实际需求来进行选项定制。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/61526