angular所见即所得HTML编辑器的– ngx-tinymce

angular所见即所得HTML编辑器的– ngx-tinymce
插件名称 ngx-tinymce
发布时间 2020年6月30日
插件作者 cipchk

这是TinyMCE所见即所得HTML编辑器的Angular Wrapper。

安装:

# NPM
$ npm install ngx-tinymce --save

推荐:您将需要tinymce.min.js通过Build Customizer生成文件。

ngx-tinymcein 导入您的根目录AppModule

import { NgxTinymceModule } from 'ngx-tinymce';

@NgModule({
  imports: [
    NgxTinymceModule.forRoot({
      baseURL: './assets/tinymce/',
      // or cdn
      baseURL: '//cdnjs.cloudflare.com/ajax/libs/tinymce/5.3.2/'
    })
  ]
})
export class AppModule { }

用法

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `<tinymce [(ngModel)]="html"></tinymce>`
})
export class AppComponent  {
  html = ``;
}