ionic3富文本编辑器有哪些

现在老板有个需求就是手机上可以编辑一些信息，所以需要用到富文本编辑器，ionic3富文本编辑器有哪些呢？下面给大家看看小编用过的富文本编辑器ngx-quill。

ngx-quill是Angular2.x、4.x、5.x的富文本编辑器也支持ionic3，可以让我们快速的在ionic3实现一个富文本编辑器。

用法：

1.首先安装ngx-quill插件

  npm install ngx-quill


   如果你的 Angular版本 < v5.0.0 用下面命令安装：


    npm install ngx-quill@1.6.0


2.引入ngx-quill需要的css


找到你的Ionic3对应的index.html  然后引入下面css , 注意是index.html里面引入



<link href="https://cdn.quilljs.com/1.2.2/quill.snow.css" rel="stylesheet">




3.在app.module.ts里面引入ngx-quill模块



import { QuillModule } from 'ngx-quill'




在app.module.ts 里面的NgModule注入QuillModule


@NgModule({
  imports: [
    ...,


    QuillModule
  ],
  ...
})
class YourModule { ... }



4.找到对应的模块里面使用


<quill-editor [(ngModel)]="editorContent"> quill-editor>