[BUG] Rich Text Editor's position is not updated on enter/return

Question

Once again thanks for all the hard work on the project! This is reproducible on the current release 0.16.3 - you can check it out in the newsletter demo: https://grapesjs.com/demo-newsletter-editor.html Normally the RTE appears above the element so this is not an issue. However, when a RTE-enabled element is placed close to the top of the editor, there is no room for the RTE above the element, so it is placed below. When pressing "enter" or "carriage return", the RTE stays in place, blocking mu...

khurram900 · Accepted Answer

@mazuschlag if you are using ckeditor then you can try this patch. It will re-calculate and re-position the ckeditor to the correct position.

CKEDITOR.on('instanceReady', function (e) { editor.RichTextEditor.updatePosition(); });

artf · Answer

Canvas tools should be updated on input event of the text component, in the current version there is an issue even with the built-in RTE but it will be fixed in the next release. Somehow, this issue doesn't affect the CKEditor plugin but, from what I've seen, the "enter" never triggered the input event so I think there should be attached some other event to the CKEditor instance. I'd be glad to receive a PR on the plugin

mazuschlag · Answer

@artf Thanks for the response but I'm a little confused. This is happening with the CKEditor plugin - are you saying the fix will be separate from the fix to the built in CKEditor? I wouldn't mind fixing it but do you have some pointers on where to start?

Rich Text Editor's position is not updated on enter/return

Question

Answers (3)

Related Questions and Answers

Text element does not work properly

[Bug] its not possible to make part of H1 non-bold

Display order of border radius is not correct

is there any way to remove cross svg on selected default value of Float, Position and text-align

Paid Plugins That Match This Issue

Browse Plugin Categories