angular8 富文本编辑_angular富文本编辑器tinymce-angular

一.使用

快速使用富文本,上手很迅速.

tinymce-angular把tinymce分装成angular的一个组件,安装引入后,添加一个editor标签就能使用,如下

1.1 安装与引入

npm install @tinymce/tinymce-angular

在你对应的module里面引用

import { EditorModule } from '@tinymce/tinymce-angular';

@NgModule({

declarations: [AppComponent ],

imports: [

BrowserModule,

EditorModule //

],

providers: [],

bootstrap: [AppComponent]

})

1.2 使用

@Component({

selector: 'app-edit',

template: `

[init]=editParam>

`,

styleUrls: ['./edit.component.scss']

})

export class EditComponent implements {

editParam = {

selector: 'textarea',

// plugins是tinymce的各种插件

plugins: 'link lists image code table colorpicker textcol