适用于angular的富文本编辑器组件包——ngx-quill的简易使用说明

ngx-quill是一个适用于angualr 的富文本编辑器组件包，其与angular的版本对应关系如下

angular	ngx-quill
v22	≥22.0.0
v15	20.0.0≤x<22.0.0
v14	17.0.0≤x<20.0.0
v13	15.0.0≤x<17.0.0

💡 以下文章中所有实例代码均在angular13+及ngx-quill@15.0.0上进行验证

安装

npm i ngx-quill@你要的版本（例如 npm i ngx-quill@15.0.0）

在安装该工具前需要确认你的angular框架版本，并且该安装包有前置依赖需求。

以ngx-quill@15.0.0为例，所需前置依赖为

"peerDependencies": {
   
        "@angular/common": "^11.0.0 || ^12.0.0 || ^13.0.0",
        "@angular/core": "^11.0.0 || ^12.0.0 || ^13.0.0",
        "@angular/forms": "^11.0.0 || ^12.0.0 || ^13.0.0",
        "@angular/platform-browser": "^11.0.0 || ^12.0.0 || ^13.0.0",
        "quill": "^1.3.7",
        "rxjs": "^6.5.0"
      }

一般地，如果该包无法正常安装或安装后无法正常运行，请先安装quill@所需版本

引入

1. 模块引入：一般在项目的shared/shared.module.ts中引入