angular - Tinymce Angular 2 响应式文件管理器

Question

我必须让 Tinymce 使用 responsivefilemanager 插件在 Angular 4 项目中工作。我在任何地方都找不到详细的步骤。

Answer 1

以下是让它为我工作的步骤。

步骤1

npm install --save angular2-tinymce

第 2 步在 assets 文件夹->tinymce 我复制了整个 tinmce 文件夹，例如插件、皮肤、主题等

步骤 3 将以下内容添加到 angular-cli.json 脚本部分

"./assets/tinymce/plugins/responsivefilemanager/plugin.js"

第 4 步在 app.module.ts 添加以下内容

import { TinymceModule } from 'angular2-tinymce';

第 5 步我更新了 TinymceOptions 以包含 responsivefilemanager 的额外字段

external_filemanager_path?: string;
filemanager_title?: string;
filemanager_crossdomain?: boolean;

第 6 步 @NgModule -> 导入部分添加以下内容

TinymceModule.withConfig({
  plugins: ['responsivefilemanager'],
  toolbar: 'responsivefilemanager',
  menubar: false,
  external_filemanager_path: environment.contentServer,
  filemanager_title: 'My Content Server',
  filemanager_crossdomain: true
})

步骤 7 添加到 html 页面

<app-tinymce [(ngModel)]='ImageIcon'></app-tinymce>