一.使用
快速使用富文本,上手很迅速.
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