在前端开发中，富文本编辑器是一个非常常见的功能。今天，我要介绍一个 npm 包 ng-pell，它是一个基于 Angular 的富文本编辑器，使用简单方便，且定制化能力也非常强。
安装 ng-pell
在项目目录下使用命令
npm install ng-pell --save安装 ng-pell。在你的 AppModule 中导入 NgPellModule：
------ - ------------ - ---- ----------
-- ---
-----------
-------- -
-- ---
-------------
-- ---
--
--
------ ----- --------- --使用 ng-pell
接下来我们将在组件中使用 ng-pell，以下是一个简单的例子：
-------- ----------------------------- --------- -- ---- ------
这里的 ngModel 是 Angular 的双向数据绑定语法，html 是一个在组件中定义的变量，表示富文本编辑器中的内容。
我们也可以通过传入配置项对 ng-pell 进行定制化操作，比如设置编辑器高度、占位符等：
-------- ------------------ ------------------------- -------------------------- -----------
具体可用的配置项请查看 ng-pell 的文档。
深入学习 ng-pell
ng-pell 并不是一个功能全面且复杂的富文本编辑器，但它的定制化能力非常强，你可以根据项目需求进行各种自定义操作。
另外，ng-pell 还有很多可供自定义的事件、样式等，比如点击工具栏按钮时的回调函数、工具栏样式等。
示例代码
以下是一个简单的示例代码，演示了如何使用 ng-pell：
------ - --------- - ---- ----------------
------------
--------- -------------
--------- -
-------- ------------------ ------------------------------------
--------- -- ---- ------
--
--
------ ----- --------------- -
---- - ---
-来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600562de81e8991b448e05a6