Angular 2/4 +的富文本编辑器CKEditor组件

Angular 2/4 +的富文本编辑器CKEditor组件
插件名称 ngx-ckeditor
发布时间 2020年6月29日
插件作者 HstarComponents

用于Angular 2和Angular 4+应用程序的另一个CKEditor组件。

安装:

# NPM
$ npm install ngx-ckeditor --save

CKEditorModule在您的主模块中导入模块:

// app.module.ts

import { CKEditorModule } from 'ngx-ckeditor';

@NgModule({
  imports: [
    // ...
    CKEditorModule
  ],
  // ...
})
export class AppModule {

}

然后在组件中使用它:

// app.component.html

<ck-editor name="editor1" [(ngModel)]="editorValue" skin="moono-lisa" language="en" [fullPage]="true"></ck-editor>
// app.component.ts

@Component({
  selector: 'app',
  templateUrl: 'app.component.html'
})

export class AppComponent implements OnInit {

  public editorValue: string = '';

  ngOnInit() { }
}