Text editor integration issue with tabview

Webix JS
1

There seams to be an issue with tabview and text editor integration. The editor displays and works fine as long as the user does not switch tabs. When the user switches tab and comes back to the tab where the text editor is integrated, the contents of the editor disappears and becomes irresponsive (can’t type text in it).

I have tested this with the following editors with different results:
ckeditor - value is reset, component becomes irresponsive
tinymce - value is reset, component becomes irresponsive
mercury - value is reset but component works (you can type text anew).
nicedit - Works!

Here is sample code definition.

webix.ui({
	container: 'richtext-div',
	view: "tabview",
	cells:[{
		header: 'Tab 1',
		view: 'form',
		elements: [{
			view: 'ckeditor',
			width: 800,
			height: 500,
			value: 'This is a test value for the rich text component'
		}]
	},{
		header: 'Tab 2',
		rows: [{
			template: 'This is the second tab'
		}]
	}]
});

Anyone has resolved this issue before, please advise. Tnx.
Lefteris

2

Thank you for reporting the issue. Unfortunately, there’s no quick workaround, but we’ll consider how to fix it.

3

Thanks for the feedback. I finally used niceditor so I can continue with development.
There is an issue though with niceditor on scrollable forms. I am using scoll:true on my form and as such, the popups on nicedit are fixed on the initial position of the niceditor component, that means they do not follow the position of the component on scroll.
I have amended my forms not to use scroll, as a workaround.

4

I share the same problem with Mr Ixanth too, and this also applies to tinymce editor as well. Nicedit was fine though

5

There is a fix for this, you need to use:
multiview:{ keepViews:true }
in you tabview definition and it works like a charm. See also the following discussion: