Добавление семейства шрифтов на панель инструментов CKEditor в Angular - PullRequest
Новая
       35

Добавление семейства шрифтов на панель инструментов CKEditor в Angular

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

К сожалению, мне не удалось добавить функцию семейства шрифтов на панель инструментов CKEditor в Angular.

Я получаю следующую ошибку в консоли:

toolbarview-item-unavailable: запрошенный элемент панели инструментов недоступен. Прочитайте больше: https://ckeditor.com/docs/ckeditor5/latest/framework/guides/support/error-codes.html#error-toolbarview-item-unavailable

{name: "fontFamily"}

Вот как выглядит мой проект:

app.module.ts 

...
import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
import { CkeditorComponent } from './ckeditor/ckeditor.component';
...

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

ckeditor.component.ts 

import * as BalloonEditor from '@ckeditor/ckeditor5-build-balloon';

@Component( {
    ...
} )

export class CkeditorComponent {
    public Editor = BalloonEditor;

    public editorConfig = {
        fontFamily: {
          options: [
            'default',
            'Ubuntu, Arial, sans-serif',
            'Ubuntu Mono, Courier New, Courier, monospace'
          ]
        },
        toolbar: [
          'heading', 'bulletedList', 'numberedList', 'fontFamily'
        ]
    };
}

ckeditor.component.html 

<ckeditor 
  [editor]="Editor" 
  [config]="editorConfig"
  data="<p>Hello world!</p>"></ckeditor>

1 Ответ

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

Как я уже ответил вам в GH выпуске , плагин FontFamily, к сожалению, отсутствует в сборке Balloon Editor. Таким образом, у вас есть два варианта:

  1. Создайте редактор с пользовательским плагином вне пакета, следуя этому руководству , а затем переместите этот редактор в угловой репозиторий. Остальное описано в Угловое руководство по интеграции .
  2. Построить редактор из источника, следуя этим шагам . Хотя первый подход официально поддерживается, я не могу сказать вам, что построение из исходного кода будет работать, поскольку я не тратил много времени на его изучение и его крайние случаи.
  3. Используйте Редактор документов , который содержит плагин FontFamily.
...