Самостоятельный хостинг TinyMCE в Angular Project, но по-прежнему требует регистрации

Question

У меня есть рабочая версия tinymce-angular, и она легко работает, используя директиву npm install @ tinymce-angular и добавив несколько строк конфигурации в мой app.module.ts

Пока хорошо, нодля этого требуется ключ API (очевидно, его облачное хранилище размещено, хотя оно загружает ресурсы в мою папку node_modules во время установки npm.

Итак, я просто пытаюсь преобразовать это в «само размещение» вчтобы удалить регистрационное сообщение, которое появляется каждый раз при загрузке редактора.

Для этого я просто скачал tinymce.min.js и поместил этот файл в каталог src в каталоге src / tiny / tinymce.min.js

Я также добавил туда другие ресурсы tinymce (плагины, скины, темы).

Вот код моего компонента, где я размещаюредактор:

<script src="@app/tiny/tinymce.min.js"></script>
<script type="text/javascript">
  tinymce.init({
    selector: '#tinyEditor'
  });
 <!--TinyMCE-->
    <div fxLayout="row">
      <h4>Client Details</h4>
      <editor formControlName="details"
        id="tinyEditor"
        toolbar=""
        menubar="format"
        [init]="{plugins: ''}"
        [inline]="false"></editor>
    </div>

С этим кодом я получаю работающий редактор, однако, я также получаю желтую полосу предупреждений, указывающую сообщение ниже:

Этот домен не зарегистрирован wiОблако TinyMCE.Начните бесплатную пробную версию, чтобы открыть для себя наши первоклассные облачные сервисы и профессиональную поддержку.

Если я добавлю свой ключ API в тег редактора, очевидно, что недоработка исчезнет.Есть идеи, что мне не хватает для самостоятельного хостинга этого?

Answer 1

Столкнувшись с этой проблемой сегодня, я наконец-то нашел модуль npm, который позволяет вам легко размещаться: ngx-tinymce .

Сначала перейдите на Настройщик сборки TinyMCE , выберите нужные плагины и загрузите.Распакуйте zip-файл, где вы хотите разместить TinyMCE.

Затем установите ngx-tinymce

npm install --save ngx-tinymce

app.module.ts

@NgModule({
  declarations:[...],
  imports: [
    NgxTinymceModule.forRoot({
      baseURL: '/path/to/hosted/tinymce/'
    }),
    ...
  ],
  providers: [...]
})

some.component.html

<tinymce [(ngModel)]="html"></tinymce>

Примечание. Если вы добавляете конфигурацию, используйте * ngIf, чтобы убедиться, что вы не запускаете ngOnChanges перед загрузкой tinymce.TinyMCE все равно будет работать, но выдает ошибку в консоли отладки.

<tinymce *ngIf="config" [(ngModel)]="html" [config]="config"></tinymce>

При установке и первом запуске не было обнаружено ни одного сообщения API-ключа от TinyMCE.Так что, похоже, работает как ожидалось.

Версии:

• Угловой 7
• TinyMCE 4.9.1
• ngx-tinymce 2.1.1