@Jens Jansson thanks for the great support. Your elaborated answer helped a

Directory Vaadin Rich Text Editor
1

@Jens Jansson
thanks for the great support. Your elaborated answer helped a lot!

at the moment i only got one more question left:
How can I add a custom button to the current tool bar?

2

Hey! Good that it goes forward.

Again, that is another feature that isn’t yet there. Again, I’m looking at workarounds. :)

Here’s a solution which creates on the serverside a ModifiedRichTextEdiotr extends RichTextEditr and

  1. Creates with js a button and a wrapper
  2. calls a event listener to the server when button is clicked
  3. appends the button to the toolbar by finding it with querySelector
  4. Implements a server side method for the event listener

https://gist.github.com/Peppe/c180cf946c65be3b6b3ab4fa7b11b1f3

This is early prototype and you want to probably modify it. For example the code doesn’t work in IE11 right now as it uses the arrow function ( => ), and it doesn’t pass any relevant data from the client to the server, like selected text. Also, it would be cleaner to use the element API of Flow to create this code, e.g. Span span = new Span(); instead of a big javascript string. But hopefully this shows what could be done.