Как сохранить скрипт ckeditor в моем проекте Angular вместо его динамического вызова?

Question

Я использую ckeditor в своем проекте Angular. Я загружаю его динамически каждый раз, когда приложение открывается, добавляя его в тег скрипта в файле index.html. Однако по какой-то причине загрузка занимает много времени. Могу ли я сохранить сценарий в папке моего проекта, чтобы к нему можно было получить прямой доступ?

Вот как я правильно обращаюсь к нему в моем файле index.html.

<script src="https://cdn.ckeditor.com/4.9.2/full-all/ckeditor.js"></script>

Я могу правильно использовать ckeditor, и все функции работают нормально. Однако, поскольку загрузка занимает слишком много времени, я хотел знать, могу ли я загрузить его в одну из папок моего проекта и использовать оттуда?

Answer 1

CKEditor 4 предлагает встроенную угловую интеграцию через угловой компонент CKEditor 4. В вашем Angular проекте установите пакет ckeditor4-angular npm.

npm install --save ckeditor4-angular

Затем импортируйте CKEditorModule в ваше приложение.

import { CKEditorModule } from 'ckeditor4-angular';

@NgModule( {
    imports: [
        ...
        CKEditorModule,
        ...
    ],
    …
} )

Вы можете проверить эту документацию для справки: https://ckeditor.com/docs/ckeditor4/latest/guide/dev_angular.html