微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

angular项目集成tinymce富文本输入框

https://www.tiny.cloud/docs/integrations/angular/#tinymceangularintegrationquickstartguide

1. npm install --save @tinymce/tinymce-angular

2. npm install --save tinymce

3.

Using a text editor; open angular.json and add TinyMCE to the assets property.

 "assets": [
   { "glob": "**/*", "input": "node_modules/tinymce", "output": "/tinymce/" }
 ]@H_502_20@@H_502_20@4.
import { EditorModule, TINYMCE_SCRIPT_SRC } from '@tinymce/tinymce-angular';
  /* ... */
  @NgModule({
    /* ... */
    imports: [
      EditorModule
    ],
    providers: [
      { provide: TINYMCE_SCRIPT_SRC, useValue: 'tinymce/tinymce.min.js' }
    ]
  })

  5. copy tinymce.min.js to assets folder after download from https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js

 

import{EditorModule,TINYMCE_SCRIPT_SRC}from'@tinymce/tinymce-angular';/* ... */@NgModule({/* ... */imports:[EditorModule],providers:[{provide:TINYMCE_SCRIPT_SRC,useValue:'tinymce/tinymce.min.js'}]})

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐