Question

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

Answer 1

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

第1步

npm install --save angular2-tinymce

第2步在资产文件夹 - ＆gt; 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 - ＆gt;导入部分添加以下

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>

Tinymce Angular 2 ResponsiveFileManager

1 个答案: