ckeditor5-footnotes v2.1.0

CKEDITOR FOOTNOTES

Projeto do plugin Footnotes para o Ckeditor5. Este plugin foi implementado de forma a somente aceitar o novo método de instalação do CKEditor5 (criado a partir da versão 39 da ferramenta).

Instalação/Uso

1. Adicionar às dependências do projeto no package.json o pacote ckeditor5-footnotes na versão desejada:

   "dependencies": {
      ...
      "ckeditor5-footnotes": "2.0.1",
      ...
   }

Ou utilize o comando npm:

npm install ckeditor5-footnotes

2. Atualizar a configuração do editor CKEditor5 para incluir o plugin:

Usando javascript:

import { ClassicEditor } from 'ckeditor5';
import FootNote from 'ckeditor5-footnotes/src/footnote.js';

...

ClassicEditor
     .create( editorElement, {
         plugins: [ ..., FootNote, ... ],
         toolbar: {
             items: [
                 ...
                 'footnote',
                 ...
             ]
         },

Usando a integração com angular:

No arquivo component.ts:

import { ClassicEditor } from 'ckeditor5';
import FootNote from 'ckeditor5-footnotes/src/footnote.js';

...

this.config = {
 toolbar: {
     items: [
         ...
         "footnote",
         ...
     ],
     shouldNotGroupWhenFull: false
 },
 plugins: [
     ...
     FootNote
 ],

No arquivo .html:

...
<ckeditor [editor]="Editor" [(ngModel)]="src" [config]="config"
(ready)="onReady($event)" *ngIf="ready" />
...