首页 新闻 会员 周边 捐助

Angular 中使用开源免费版 TinyMCE 7 遇到授权问题

0
悬赏园豆:30 [已解决问题] 浏览: 43次 解决于 2025-02-02 19:50

已经配置了 licenseKey 为 gpl

<editor licenseKey='gpl'
        [init]="tinymceInit"
        (onInit)="tinymceOnInit()" />

但运行时却提示

A valid API key is required to continue using TinyMCE.

dudu的主页 dudu | 高人七级 | 园豆:27977
提问于:2025-02-02 19:01
< > 人人可用的开源BI工具
分享
最佳答案
0

还需要将 tinymce 的部署文件复制到 assets 文件夹中并添加 tinymce.min.js 的引用

1)在 angular.json 的 "assets" 中添加下面的配置

"assets": [
  "src/assets",
  {
    "glob": "**/*.min.{css,js}",
    "input": "node_modules/tinymce",
    "output": "assets/tinymce7/"
  },
  {
    "glob": "plugins/help/js/**/*.js",
    "input": "node_modules/tinymce",
    "output": "assets/tinymce7/"
  }
]

2)在使用 tinymce 的 component 中注册 TINYMCE_SCRIPT_SRC

Component({
    selector: 'cnb-tinymce7',
    imports: [EditorComponent, SpinnerComponent],
    providers: [
        {
            provide: TINYMCE_SCRIPT_SRC,
            useValue: '/assets/tinymce7/tinymce.min.js'
        }
    ],
    template: `
  <ng-container>
    <cnb-spinner [show]="!tinymceLoaded()">
    <editor licenseKey='gpl'
            [init]="tinymceInit"
            (onInit)="tinymceOnInit()" />
    </cnb-spinner>
</ng-container>
`
})

参考:Using the TinyMCE package with the Angular framework

dudu | 高人七级 |园豆:27977 | 2025-02-02 19:46
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册
Top