использовать tinyMCE с угловым 6 без apikey (бесплатно) - PullRequest
Новая
       7

использовать tinyMCE с угловым 6 без apikey (бесплатно)

0 голосов
/ 14 ноября 2018

Я пытался установить tinyMCE с angular 6. Я слежу за документацией по https://www.tiny.cloud/docs/integrations/angular2/.

Все в порядке, но я должен иметь apiKey для использования облака tinyMCE.

Я получил сообщение об ошибке: «Этот домен не зарегистрирован в TinyMCE Cloud. Запустите бесплатную пробную версию, чтобы воспользоваться нашими первоклассными облачными услугами и профессиональной поддержкой».

Я хочу использовать автономную версиюбез apiKey.

Так, как объяснено в документе https://www.tiny.cloud/docs/integrations/angular2/#loadingtinymcebyyourself, мы можем разместить tinymce.min.js, чтобы отключить apiKey.

Как правильно добавить tinymce.min.js с угловым 6?

Ответы [ 2 ]

0 голосов
/ 14 ноября 2018

Для этого компонента просто необходим TinyMCE, прежде чем пытаться загрузить TinyMCE через этот компонент. Если TinyMCE отсутствует, компонент пытается загрузить TinyMCE с облачной платформы TinyMCE. Тот факт, что его попытка получить его из Облака говорит мне, что TinyMCE еще не было там.

У вас есть варианты загрузки TinyMCE.

Метка TinyMCE в заголовке вашего документа (Easy)

Если у вас есть TinyMCE на вашем веб-сервере, вы можете просто использовать тег script для загрузки TinyMCE через вашу страницу index.html. Все аспекты вашего приложения будут иметь доступ к TinyMCE в качестве загруженного при первой загрузке приложения

Загружать TinyMCE через загрузчики модулей только при необходимости (средняя сложность)

Вы можете использовать загрузчик модулей для загрузки TinyMCE в компонент (ы), которым требуется TinyMCE. Теоретически вы загружаете TinyMCE только тогда, когда кому-то это может понадобиться, но этот подход, безусловно, требует больше усилий для настройки.

Документация: https://www.tiny.cloud/docs/advanced/usage-with-module-loaders/

Какой из них мне следует использовать? Ни один из этих подходов не является «правильным» или «неправильным» - они оба жизнеспособны и в зависимости от ваших потребностей либо могут работать просто отлично.

0 голосов
/ 14 ноября 2018

1) установить tinymce для угловых 2+:

установка углового модуля npm 

npm install @tinymce/tinymce-angular

import EditorModule on app.module.ts 

import { EditorModule } from '@tinymce/tinymce-angular';

добавить EditorModule для импорта в app.module.ts 

imports: [
...,
EditorModule
]

2) хост-компьютер JS

установить модуль tinymce npm: 

npm install tinymce --save

импорт стилей на angular.json 

"styles": [
  ...,
  "node_modules/tinymce/skins/lightgray/skin.min.css",
  "node_modules/tinymce/skins/lightgray/content.min.css",
  "node_modules/tinymce/skins/lightgray/content.inline.min.css"
]

импортировать скрипты на angular.json

"script": [
  ...,
  "node_modules/tinymce/tinymce.min.js",
  "node_modules/tinymce/themes/modern/theme.js"
]

3) использовать tinyMCE в файле HTML

добавить этот код для использования: 

<editor [(ngModel)]="dataModel"></editor>
...