Select multiple - CKEditor causes error conflict

Tronik

Im using ckeditor4 type on a field. When selecting multiple rows I get error.
I tried google but did not found any solution. Any help appreciated.
Error:

ckeditor.js:21 [CKEDITOR] Error code: editor-element-conflict. {editorName: "DTE_Field_products-web_description"}
(anonymous) @ ckeditor.js:21
l @ ckeditor.js:10
(anonymous) @ ckeditor.js:12
CKEDITOR.error @ ckeditor.js:20
CKEDITOR.editor._getEditorElement @ ckeditor.js:300
a @ ckeditor.js:369
CKEDITOR.replace @ ckeditor.js:373
(anonymous) @ editor.ckeditor4.js:67
dispatch @ datatables.min.js:15
r.handle @ datatables.min.js:15
trigger @ datatables.min.js:15
triggerHandler @ datatables.min.js:15
m._event @ dataTables.editor.min.js:89
m._postopen @ dataTables.editor.min.js:97
m.open @ dataTables.editor.min.js:65
maybeOpen @ dataTables.editor.min.js:86
(anonymous) @ dataTables.editor.min.js:57
(anonymous) @ dataTables.editor.min.js:89
m._event @ dataTables.editor.min.js:89
(anonymous) @ dataTables.editor.min.js:89
m._event @ dataTables.editor.min.js:89
m._edit @ dataTables.editor.min.js:89
m.edit @ dataTables.editor.min.js:57
(anonymous) @ table.products.js:292
dispatch @ datatables.min.js:15
r.handle @ datatables.min.js:15
trigger @ datatables.min.js:15
(anonymous) @ datatables.min.js:15
each @ datatables.min.js:14
each @ datatables.min.js:14
trigger @ datatables.min.js:15
m @ datatables.min.js:349
(anonymous) @ datatables.min.js:361
iterator @ datatables.min.js:163
(anonymous) @ datatables.min.js:361
(anonymous) @ datatables.min.js:168
(anonymous) @ datatables.min.js:166
w @ datatables.min.js:354
(anonymous) @ datatables.min.js:348
dispatch @ datatables.min.js:15
r.handle @ datatables.min.js:15
Show 11 more frames
ckeditor.js:21 [CKEDITOR] For more information about this error go to https://ckeditor.com/docs/ckeditor4/latest/guide/dev_errors.html#editor-element-conflict
(anonymous) @ ckeditor.js:21
l @ ckeditor.js:10
(anonymous) @ ckeditor.js:12
CKEDITOR.error @ ckeditor.js:20
CKEDITOR.editor._getEditorElement @ ckeditor.js:300
a @ ckeditor.js:369
CKEDITOR.replace @ ckeditor.js:373
(anonymous) @ editor.ckeditor4.js:67
dispatch @ datatables.min.js:15
r.handle @ datatables.min.js:15
trigger @ datatables.min.js:15
triggerHandler @ datatables.min.js:15
m._event @ dataTables.editor.min.js:89
m._postopen @ dataTables.editor.min.js:97
m.open @ dataTables.editor.min.js:65
maybeOpen @ dataTables.editor.min.js:86
(anonymous) @ dataTables.editor.min.js:57
(anonymous) @ dataTables.editor.min.js:89
m._event @ dataTables.editor.min.js:89
(anonymous) @ dataTables.editor.min.js:89
m._event @ dataTables.editor.min.js:89
m._edit @ dataTables.editor.min.js:89
m.edit @ dataTables.editor.min.js:57
(anonymous) @ table.products.js:292
dispatch @ datatables.min.js:15
r.handle @ datatables.min.js:15
trigger @ datatables.min.js:15
(anonymous) @ datatables.min.js:15
each @ datatables.min.js:14
each @ datatables.min.js:14
trigger @ datatables.min.js:15
m @ datatables.min.js:349
(anonymous) @ datatables.min.js:361
iterator @ datatables.min.js:163
(anonymous) @ datatables.min.js:361
(anonymous) @ datatables.min.js:168
(anonymous) @ datatables.min.js:166
w @ datatables.min.js:354
(anonymous) @ datatables.min.js:348
dispatch @ datatables.min.js:15
r.handle @ datatables.min.js:15
Show 11 more frames
editor.ckeditor4.js:68 Uncaught TypeError: Cannot read property 'on' of null
at m.<anonymous> (editor.ckeditor4.js:68)
at m.dispatch (datatables.min.js:15)
at m.r.handle (datatables.min.js:15)
at Object.trigger (datatables.min.js:15)
at n.fn.init.triggerHandler (datatables.min.js:15)
at m._event (dataTables.editor.min.js:89)
at m._postopen (dataTables.editor.min.js:97)
at m.open (dataTables.editor.min.js:65)
at Object.maybeOpen (dataTables.editor.min.js:86)
at dataTables.editor.min.js:57

tangerine

Did you try the link provided?

For more information about this error go to https://ckeditor.com/docs/ckeditor4/latest/guide/dev_errors.html#editor-element-conflict

Tronik

Yes, I did, but since its a field plugin, I thought the error is related to DT Editor methods.

So would the solution be to destroy and re-create the element on every row-select?

allan

I've just tried it on my local example and it appears to work okay:

Are you able to give me a link to your page so I can see the issue please?

Allan

Tronik

Allan, I think it might be due to the fact that im using
display: onPageDisplay( $('#form-container') ),

Might be some DOM-differences?

allan

I don't think so - that shouldn't really make any difference since the Editor elements are reused regardless of the display controller.

Can you give me a link to the page so I can help to debug it please?

Thanks,
Allan