關於ngx-quill在angular4下的基本配置

由於百度編輯器Ueditor本地配置一直報錯,因此嘗試採用ngx-quill這款富文本編輯器,用起來,總的來講還行,主要補全一下以前在網上配置技術貼遺漏的一點配置項;css

流程大概以下:html

1 ngx-quill的安裝

angular >= 5時 ngx-quill的安裝 npm install ngx-quillnpm

angular < 5時 npm install ngx-quill@1.6.0app

2 quill的配置

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

import { QuillModule } from 'ngx-quill'工具

在你的NgModule中添加 QuillModule :ui

而後在index.html中引入css資源:3d

3 使用

這一步網上部分技術貼遺漏了點配置步驟!!!,不然項目會報錯quill未找到。cdn

1 在使用的模塊對應的module.ts中引入(嘗試過在app.module.ts不引入,此部分單獨引入,未報錯)。htm

2 頁面使用:

頁面效果:

後續工具類配置信息config整理後補充

相關文章
相關標籤/搜索