Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

tinyMCE in a tabsheet

Nathan Russell
6 years ago Jan 17, 2017 2:43pm

I wonder if anyone can help. We are using vaadin 7.4.2 with the addon vaadin-wrapper-for-tinymce 3.0

I am building a layout (extending VerticalLayout) that contains a single tabsheet. Within the tabsheet:

  1. the first tab is a VerticalLayout which in turn has a single component being an instance of TinyMCETextField
  2. the 2nd tab is an empty VertcialLayout
  3. the 3rd tab is an empty VeritcalLayout

When the browser renders the page, the first tab is display and the TinyMCE editor is correctly rendered.
When I change tab the correct tab is shown (albeit empty for now)

When I change back to the first tab (the one with the TinyMCE editor), the content of the editor is displayed within a div, but the TinyMCE editor is not displayed. Using chrome dev tools to inspect the dom, it looks like the div with the content is showing because the TinyMCE javascript has not been executed (or more accurately, re-executed ?)

Does anyone know how I can get the TinyMCE editor to re-render correctly when I switch tabs?



Gabor Radocz
6 years ago Feb 08, 2017 9:52am
Nathan Russell
6 years ago Feb 08, 2017 4:52pm
Gabor Radocz
6 years ago Feb 08, 2017 5:24pm