前言
在现代 Web 开发领域，前端技术正呈现出前所未有的发展势头。各种优秀的工具包和库推出市场，让 Web 开发者们不断尝试着如何更快、更高效地完成自己的工作。
在这样的背景下，npm 成为了前端开发的一种非常重要的节点。而 @kitbrennan90/showdown-cordova-links 是 npm 上一个非常优秀的前端技术方案，下面我们就来一起了解一下这个包的使用教程。
@kitbrennan90/showdown-cordova-links 是什么？
@showdown-cordova-links 是一个基于 Showdown 的扩展库，它可以将 Markdown 中的链接解析成在 Cordova 应用内使用的本地链接，非常适合用于 Cordova 应用的 Markdown 呈现。
这个包的关键特性包括：
- 支持 Markdown 中的链接转化为本地链接；
- 支持 Cordova 应用中的内部页面更流畅的跳转；
- 接口简单、易用。
安装和使用
安装 @kitbrennan90/showdown-cordova-links 请直接使用 npm 安装即可，如下所示：
npm install @kitbrennan90/showdown-cordova-links
使用也非常简单，我们来分步骤介绍一下：
首选需要在应用中引入 Showdown，并初始化传递 Cordova 链接转化器。
import Showdown from 'showdown'; import showdownCordovaLinks from '@kitbrennan90/showdown-cordova-links'; // 初始化 showdownCordovaLinks showdownCordovaLinks(Showdown);
接下来，在需要使用展示 Markdown 的时候，我们直接用 showdownCordovaLinks 处理一下 Markdown 文本，同时使用 Showdown 的 makeHtml 方法来将其渲染成 HTML。
// 处理 Markdown 文本
let markdownText = "# I am a cordova user! Visit [cordova's home](https://cordova.apache.org/).";
let htmlText = new Showdown.Converter().makeHtml(markdownText);
// 在页面渲染 html
let container = document.getElementById('my-container');
container.innerHTML = htmlText;通过以上两部，我们就能在 Cordova 应用中方便快捷地展示 Markdown 了。
示例代码
下面是一个完整的代码示例：
-- -------------------- ---- -------
--------- -----
------
------
--------------- ------- -------------
-------
------
---- --------------------------
------- --------------------------------------------------------------------------------
------- --------------
------ -------------------- ---- --------------------------------------------------------------------
-- --- --------------------
--------------------------------------
-- -- -------- --
--- ------------ - -- - -- - ------- ---------- ----- ---------- -------------------------------------
--- -------- - --- ---------------------------------------------------
-- ----- ----
--- --------- - ------------------------------------------
------------------- - ---------
---------
-------
-------通过上面的示例代码，我们学习了如何优雅地使用 @kitbrennan90/showdown-cordova-links，在 Cordova 中展示 Markdown。同时，这个 npm 包的易用性也使得我们更加高效地进行开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc6967216659e24442c