什么是 ngmark
ngmark 是一个基于 AngularJS 的 Markdown 编辑器，它通过将 Markdown 转换为 HTML 实现了实时预览功能，并可以自定义扩展功能。
ngmark 可以让前端开发者更方便地创建和编辑 Markdown 文档，并直接将其嵌入到 web 应用程序中，以实现更好的文档展示和阅读体验。
安装 ngmark
ngmark 是一个 npm 包，因此可以通过 npm 包管理器安装：
npm install ngmark --save
在 AngularJS 应用程序中使用 ngmark
要在 AngularJS 应用程序中使用 ngmark，需要将其注入为一个指令并在模板中使用。
下面是一个简单的示例：
-- -------------------- ---- -------
--------- -----
----- ---------------
------
----- ----------------
------------- ----------
----- ---------------- -----------------------------------------------------------
-------
----- -----------------------
------- -----------------------------
------- -------------------------------------------------------------------
------- ----------------------------------------------------------------------
--------
----------------------- -----------
--------------------- -------- -------- -
--------------- - --- ------------ --------
---
---------
-------
-------在上面的示例中，我们首先在头部标签中引入了 ngmark 的样式文件，然后在模板中使用了 ngmark 指令，并将 markdown 数据绑定到 ng-model 上。
最后，我们在脚本中创建了一个 AngularJS 应用程序和一个控制器，用于设置默认 Markdown 文本。
自定义扩展
ngmark 允许开发者自定义扩展功能，以实现更丰富的 Markdown 编辑和预览功能。下面是一个简单的示例：
angular.module('myApp', ['ngmark'])
.config(function (ngMarkConfigProvider) {
ngMarkConfigProvider.addExtension({
name: 'alert',
regex: /(_____\w+_____)/g,
replace: '<div class="alert alert-warning">$1</div>'
});
});在上面的示例中，我们通过调用 ngMarkConfigProvider.addExtension 方法向 ngmark 中添加了一个自定义扩展，用于将下划线之间的文本转换为警告框。
结论
ngmark 是一个非常实用的 Markdown 编辑器，可以让前端开发者更方便地创建和编辑 Markdown 文档，并直接将其嵌入到 web 应用程序中。使用 ngmark 可以提高 web 应用程序的文档展示和阅读体验，帮助开发者提高工作效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055af981e8991b448d8a1a