当前位置: 首页 > 工具软件 > ngx-quill > 使用案例 >

关于ngx-quill在angular4下的基本配置

袁秦迟
2023-12-01

因为百度编辑器Ueditor本地配置一直报错,所以尝试采用ngx-quill这款富文本编辑器,用起来,总的来说还行,主要补全一下之前在网上配置技术贴遗漏的一点配置项;

流程大概如下:

1 ngx-quill的安装

angular >= 5时 ngx-quill的安装 npm install ngx-quill

angular < 5时 npm install ngx-quill@1.6.0

2 quill的配置

在app.module.ts引入(ngx-quill的)QuillModule :

import { QuillModule } from 'ngx-quill'

在你的NgModule中添加 QuillModule :

然后在index.html中引入css资源:

3 使用

这一步网上部分技术贴遗漏了点配置步骤!!!,否则项目会报错quill未找到。

1 在使用的模块对应的module.ts中引入(尝试过在app.module.ts不引入,此部分单独引入,未报错)。

2 页面使用:

页面效果:

后续工具类配置信息config整理后补充

 类似资料: