介绍
@gerhobbelt/markdown-it-mark 是一个 markdown-it 插件，用于在 Markdown 中添加文本高亮效果。它使用类似 HTML 中的 mark 标签，将文本标记为需要高亮显示的部分，提高文章阅读体验。
安装
@gerhobbelt/markdown-it-mark 可以通过 npm 包管理器进行安装。安装命令如下：
npm install @gerhobbelt/markdown-it-mark --save-dev
使用
使用 @gerhobbelt/markdown-it-mark 需要先安装 markdown-it 包，并将插件加入 markdown-it 实例中。
const markdownIt = require('markdown-it');
const markdownItMark = require('@gerhobbelt/markdown-it-mark');
const md = markdownIt();
md.use(markdownItMark);这样就可以使用 markdown-it 的 render 方法将 Markdown 文本转换为 HTML 代码并包含 highlight 效果。
const markdownText = '这是需要高亮显示的文本。'; const htmlText = md.render(markdownText); console.log(htmlText);
示例
下面是一个完整的示例代码，演示了如何使用 @gerhobbelt/markdown-it-mark 进行文本高亮。
-- -------------------- ---- ------- ----- ---------- - ----------------------- ----- -------------- - ---------------------------------------- ----- -- - ------------- ----------------------- ----- ------------ - --------------- ----- -------- - ------------------------ ----------------------
以上代码执行后，控制台输出的 HTML 代码如下：
<p>这是<mark>需要高亮显示的文本</mark>。</p>
学习与指导
使用 @gerhobbelt/markdown-it-mark 可以提高文章阅读体验，让需要高亮显示的文本更加易于识别。该插件使用简单，但需要与 markdown-it 配合使用。在实际使用过程中，还需要注意与其他插件的冲突问题，确保最终呈现的效果符合预期。
同时，还可以参考源码深入理解插件的实现原理，并扩展其他自定义的插件。这有助于进一步提高个人的前端开发技能水平。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f02c870403f2923b035bd85