com.vaadin.flow.component.richtexteditor.RichTextEditor

Hello!

I am using com.vaadin.flow.component.richtexteditor.RichTextEditor with Vaadin 14 and 15.

Using the latest Apple Safari on macOS does not allow to use the buttons from button bar (e.g. bold or link) of RichTextEditor.

Using Chrome there is no problem.

You can try this with Apple Safari using this url:

https://demo.vaadin.com/invoice-editor-app/

Thank you very much for your help
Thomas

Hello!

I am using RichTextEditor with i18n support and switched the content to german.

Inserting a link shows a popup. Now I want to “i18n” this popup, too.

Is there a solution for this?

Thany you very much, Thomas

18262279.png

Hi, Thomas.

Using the latest Apple Safari on macOS does not allow to use the buttons from button bar (e.g. bold or link) of RichTextEditor.

This is an issue with the getSelection polyfill and Safari. It has been [reported here]
(https://github.com/vaadin/vaadin-rich-text-editor/issues/130), but we still don’t have an ETA go give.

Inserting a link shows a popup. Now I want to “i18n” this popup, too.

The web component does has values on the i18n object to allow you to customize the dialog where the link can be inserted, but for some reason that went unnoticed on the Flow component. I created [an issue to track this]
(https://github.com/vaadin/vaadin-rich-text-editor-flow/issues/97).

Meanwhile, I believe you cold workaround this by trying to set the properties missing directly to the RTE web component from Flow with:

rte.getElement().executeJs("this.set($0, $1)", "i18n.linkDialogTitle", "your text");

The other i18n properties related to the dialog are: ok, cancel and remove.