Tinymce Angular 2 ResponsiveFileManager - PullRequest
Новая
       53

Tinymce Angular 2 ResponsiveFileManager

0 голосов
/ 26 апреля 2018

Мне нужно было заставить Tinymce работать в проекте Angular 4 с плагином respivefilemanager. Я нигде не смог найти подробных шагов.

1 Ответ

0 голосов
/ 26 апреля 2018

Вот шаги, которые заставили его работать на меня.

Шаг 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, добавив дополнительные поля для respivefilemanager 

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>
...