I'm using Ckeditor5 with React and I got this warning in console when component is rendered, how can I get rid of this?
This is the error reference on official doc
And this is my component
export const EditorField = (props) => {
const {name,method,placeholder,isSimplified} = props
const link = {
decorators: {
toggleDownloadable: {
mode: 'manual',
label: 'Downloadable',
attributes: {
download: 'file'
}
},
openInNewTab: {
mode: 'manual',
label: 'Open in a new tab',
defaultValue: true,
attributes: {
target: '_blank',
rel: 'noopener noreferrer'
}
}
}
}
const image = {
toolbar: [
'imageTextAlternative',
'imageStyle:inline',
'imageStyle:block',
'imageStyle:side',
'linkImage'
]
}
const table = {
contentToolbar: [
'tableColumn',
'tableRow',
'mergeTableCells',
'tableCellProperties',
'tableProperties'
]
}
const toolbar = isSimplified ? {
items: [
'bold','italic','underline','strikethrough','|',
'link','|',
'specialCharacters','|',
'undo','redo'
], shouldNotGroupWhenFull: true
} : {
items: [
'heading','|',
'bold','italic','underline','strikethrough','|',
'fontColor','fontBackgroundColor','|',
'bulletedList','numberedList','|',
'link','imageUpload','insertTable','mediaEmbed','|',
'specialCharacters','blockQuote','horizontalLine','|',
'undo','redo'
], shouldNotGroupWhenFull: true
}
return (
<CKEditor
config={ {
toolbar,
language: 'it',
placeholder,
link,
image,
table,
} }
editor={ Editor }
data={request[name] || ''}
onChange={ (event, editor) => {
const data = editor.getData()
dispatch(setValue({method,name,value:data}))
} }
/>
)
}
I finally managed to fix this by adding this to my config.
removePlugins: ["MediaEmbedToolbar"],
At the moment, this plugin doesn't do anything: https://github.com/ckeditor/ckeditor5/issues/9824