将tinyMCE与Angular 6一起使用，无需apikey（免费）

我尝试使用 Angular 6 安装tinyMCE。我正在关注以下文档https://www.tiny.cloud/docs/integrations/angular2/.

一切正常，但我必须有一个 apiKey 才能使用tinyMCE 云。

我收到错误：“此域名未在 TinyMCE Cloud 中注册。开始免费试用以发现我们的优质云服务和专业支持。”

我想使用没有 apiKey 的自托管版本。

正如文档中所解释的那样https://www.tiny.cloud/docs/integrations/angular2/#loadingtinymcebyyourself我们可以托管tinymce.min.js来禁用apiKey。

如何使用 Angular 6 正确添加tinymce.min.js？

1）为 Angular 2+ 安装tinymce：

安装tinymce Angular npm模块

npm install @tinymce/tinymce-angular

import 编辑器模块 on 应用程序模块.ts

import { EditorModule } from '@tinymce/tinymce-angular';

add 编辑器模块进口于应用程序模块.ts

imports: [
...,
EditorModule
]

2）托管tinymce JS

安装tinymce npm模块：

npm install tinymce --save

导入样式角度.json

"styles": [
  ...,
  "node_modules/tinymce/skins/lightgray/skin.min.css",
  "node_modules/tinymce/skins/lightgray/content.min.css",
  "node_modules/tinymce/skins/lightgray/content.inline.min.css"
]

导入脚本angular.json

"script": [
  ...,
  "node_modules/tinymce/tinymce.min.js",
  "node_modules/tinymce/themes/modern/theme.js"
]

3）在HTML文件上使用tinyMCE

添加此代码以使用：

<editor [(ngModel)]="dataModel"></editor>