Tinymce Angular 2 响应式文件管理器

Posted 2023-05-07

【中文标题】Tinymce Angular 2 响应式文件管理器

【英文标题】：Tinymce Angular 2 ResponsiveFileManager

【发布时间】：2018-10-07 05:12:14

【问题描述】：

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

【参考方案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>