Estoy intentando añadir un plugin de ckeditor a un inline-editor.
Cuando ejecuto me aparece el siguiente error: "Some CKEditor 5 modules are duplicated" Y un enlace donde me dice que tengo que hacer para solucionarlo https://ckeditor.com/docs/ckeditor5/latest/framework/guides/support/error-codes.html#error-ckeditor-duplicated-modules
La solución que obtengo en la web la he replicado en mi código y aún asi me sigue saliendo el mismo error."Some CKEditor 5 modules are duplicated"
Adjunto mi código:
TS
import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
import Essentials from '@ckeditor/ckeditor5-essentials/src/essentials';
import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph';
import Bold from '@ckeditor/ckeditor5-basic-styles/src/bold';
import Italic from '@ckeditor/ckeditor5-basic-styles/src/italic';
ngOnInit(): void {
ClassicEditor
.create( document.querySelector( '#editor' ), {
plugins: [ Essentials, Paragraph, Bold, Italic ],
toolbar: [ 'bold', 'italic' ]
} )
.then( editor => {
console.log( 'Editor was initialized', editor );
} )
.catch( error => {
console.error( error.stack );
} );
}
HTML
<div id="editor"></div>
Anteriormente lo tenía con de la manera mas optima con angular, pero como al añadir los plugins me aparecía el mismo error, opte por dejarlo igual que el enlace.
Mi código anterior
HTML
<ckeditor (focus)="focusCkEditor()" (blur)="blurCkEditor()" class="matCkEditor top" matCkeditor
formControlName="cuerpo1" [editor]="Editor" [config]="config"></ckeditor>
TS
import * as InlineEditor from '@ckeditor/ckeditor5-build-inline';
this.config = {
plugins: [ ], //Al intentar añadir un plugin me salta error de duplicados
toolbar: ['heading', '|', 'bold', 'italic', '|', 'undo', 'redo'],
language: 'es'
};
Entiendo que con '@ckeditor/ckeditor5-build-inline' no se puedan añdir plugins por la duplicidad de modulos.
Lo que no llego a entender, es que dejandolo tal cual esta en la solución de CkEditor me siga saltando el mismo error.
Mucahs gracias.