Tinymce Angular 2 响应式文件管理器答案

【问题标题】：Tinymce Angular 2 ResponsiveFileManagerTinymce Angular 2 响应式文件管理器
【发布时间】：2018-10-07 05:12:14
【问题描述】：

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

【问题讨论】：

标签： angular tinymce responsive-filemanager

【解决方案1】：

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

第一步

npm install --save angular2-tinymce

第 2 步在资产文件夹->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>

【讨论】：