npm 包 @gerhobbelt/markdown-it-sub 使用教程

简介

@gerhobbelt/markdown-it-sub 是一款 JavaScript Markdown 解析器插件，可用于在 Markdown 中编写上标和下标。本文将介绍如何使用 @gerhobbelt/markdown-it-sub。

安装

通过 npm 安装 @gerhobbelt/markdown-it-sub：

npm install @gerhobbelt/markdown-it-sub

或者使用 yarn：

yarn add @gerhobbelt/markdown-it-sub

使用

在 JS 中引入 @gerhobbelt/markdown-it-sub：

const markdown = require('markdown-it')();
const markdownSub = require('@gerhobbelt/markdown-it-sub');

markdown.use(markdownSub);

在 HTML 中使用：

<script src="https://cdn.jsdelivr.net/npm/markdown-it/dist/markdown-it.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@gerhobbelt/markdown-it-sub/dist/markdown-it-sub.js"></script>
<script>
const markdown = window.markdownit();
const markdownSub = window.markdownItSub;

markdown.use(markdownSub);
</script>

示例

上标

将 H~2~O 渲染为 H₂O：

H~2~O

下标

将 SO~4~^2-^ 渲染为 SO₄^2-：

SO~4~^2-^

总结

使用 @gerhobbelt/markdown-it-sub 可以轻松地在 Markdown 中编写上标和下标，提高文档的可读性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f02c870403f2923b035bd90