介绍
ngx-editor.md 是一个基于 Angualr 的 Markdown 编辑器组件库，它提供了丰富的文本编辑功能，包括文本样式、图片上传、表格等，支持多语言和自定义主题。
在使用 ngx-editor.md 之前，你需要了解一些 Angular 相关的知识。
安装
npm install ngx-editor.md --save
使用
将 ngx-editor.md 加入到你的 Angular 项目中：
-- -------------------- ---- -------
------ - ------------- - ---- ----------------------------
------ - -------- - ---- ----------------
------ - -------------- - ---- ----------------
------ - ------------ - ---- ------------------
-----------
------------- -
------------
--
-------- -
--------------
--------------
--
---------- ---
---------- --------------
--
------ ----- --------- - -添加 ngx-editor.md 组件到你的模板中：
<editor-md [(ngModel)]="editorContent"></editor-md>
其中 ngModel 绑定了编辑器的内容。
配置
ngx-editor.md 提供了一些可配置项，例如编辑器的宽度、高度、主题、语言等。
你可以通过传递 EditorMdConfig 对象来配置编辑器：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - -------------- - ---- ----------------
------------
--------- -----------
--------- -
----------
---------------------------
------------------------------
------------
-
--
------ ----- ------------ -
-------------- -------
------------- -------------- - -
------ -------
------- --------
----- ---------------------------
------ -------
--------- ---
------- -
------------ ----
-
--
-其中，path 为 editor.md 的路径，theme 为主题，可以为 default 或 dark。
事件
ngx-editor.md 提供了一些常用的事件：当内容变化时、当图片上传时、当选中项改变时等。
你可以通过传递 ngModelChange 或监听 EditorMdEvent 事件来监听这些事件：
<editor-md [(ngModel)]="editorContent" (ngModelChange)="onContentChange($event)" (editorChange)="onEditorChange($event)"> </editor-md>
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------- - ---- ----------------
------------
--------- -----------
--------- -
----------
---------------------------
----------------------------------------
------------
-
--
------ ----- ------------ -
-------------- -------
--------------------- -------------- -
-------------------
-
-示例
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - --------------- ------------- - ---- ----------------
------------
--------- -----------
--------- -
----------
---------------------------
-----------------------------
-----------------------------------------
----------------------------------------
------------
-
--
------ ----- ------------ -
-------------- -------
------------- -------------- - -
------ -------
------- --------
----- ---------------------------
------ -------
--------- ---
------- -
------------ ----
-
--
---------------------- ------- -
-------------------
-
--------------------- -------------- -
-------------------
-
-结论
ngx-editor.md 是一个功能丰富，并且易于使用的 Markdown 编辑器组件库，它提供了多种可定制的配置项和事件监听。
如果你正在开发一个 Angular 的项目并且需要进行文本编辑，那么 ngx-editor.md 可以是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005661081e8991b448e1f16