Intersoft Community - WebTextEditor - WebTextEditor - Multiple editors - even just two - on same page do not work properly

WebTextEditor - Multiple editors - even just two - on same page do not work properly

yudi — Tue, 23 Oct 2012 21:22:08 GMT

I’m going to check the differences between those two tab pages. Please bear with me while I investigate which elements or styles that may have caused the problem.

WebTextEditor - Multiple editors - even just two - on same page do not work properly

JNguimb — Tue, 23 Oct 2012 16:04:31 GMT

Hello,

OnAfterTabChanged has resolved the toolbar issue. Thank you.

Please let me know when you have a solution for the 2px discrepancy between the two editors in Firefox.

Regards,
Jean

WebTextEditor - Multiple editors - even just two - on same page do not work properly

yudi — Tue, 23 Oct 2012 03:50:59 GMT

I tried to reproduce the problem in my local test by creating a simple page of WebTab, WebTab ID is WebTab1. The WebTab has 2 tab pages where the content is inline. Both of the tab pages have identical WebTextEditor except for their id.

In IE9: only the first editor will display the complete toolbar.The toolbarsof the other editors on the pageeither do not show completely (if standard mode is used, for example) or do not show at all (if Complete or Rich modes are used, for example), until youresize the browser or switch back-and-forth betweenthe viewmodes at the bottom of the editor.

I was able to reproduce the reported problem in my local end. To overcome this issue, I add OnAfterTabChanged client side event of WebTab. In the OnAfterTabChanged event, invoke the ResizeHeader() method of WebTextEditor.

The code in .aspx file

<ISWebDesktop:WebTab ID="WebTab1" runat="server" Height="600px" Width="800px">
    <ClientSideEvents OnAfterTabChanged="WebTab1_OnAfterTabChanged()" />
    <TabPages>
        <ISWebDesktop:WebTabItem Name="Tab1" Text="Overview">
            <PageTemplate>
                <ISWebTextEditor:WebTextEditor ID="WebTextEditor1" runat="server" Height="100%" Width="100%">
                    ...
                </ISWebTextEditor:WebTextEditor>
            </PageTemplate>
        </ISWebDesktop:WebTabItem>
        <ISWebDesktop:WebTabItem Name="Tab2" Text="Overview2">
            <PageTemplate>
                <ISWebTextEditor:WebTextEditor ID="WebTextEditor2" runat="server" Height="100%" Width="100%">
                    ...
                </ISWebTextEditor:WebTextEditor>
            </PageTemplate>
        </ISWebDesktop:WebTabItem>
    </TabPages>
</ISWebDesktop:WebTab>

The JavaScript function

function WebTab1_OnAfterTabChanged()
{
    var rte = ISGetObject("WebTextEditor2");
    rte.ResizeHeader();
            
    return true;
}

I have tested this approach on IE 9 and Firefox 16.01 with a good result.

In Firefox: The toolbars are displayed without problem, but the two editors, whichare exactly the same, except fortheir id, do not have exactly the same size.You can see one of the editors "moving up or down"when switching between the two tabs.

I was also able to reproduce the “moving up or down” problem in Firefox browser. After inspect the difference using FireBug, I found 2px height difference between frame element of WebTextEditor which is located in tab page 1 and tab page 2.

This 2px height difference happens on the content area of WebTextEditor. I will continue the investigation to find out what may cause the problematic layout.

Please let us hear your feedback whether it helps or not.

WebTextEditor - Multiple editors - even just two - on same page do not work properly

JNguimb — Mon, 22 Oct 2012 10:47:43 GMT

Hello:

When you place multiple editors, even only two, on the same page, in a container such as WebTab, or divs that you show and hide simultaneously, the toolbars in the editors will not work properly. I have tested this in IE9 and Firefox 15 and 16.

In IE9: only the first editor will display the complete toolbar. The toolbars of the other editors on the page either do not show completely (if standard mode is used, for example) or do not show at all (if Complete or Rich modes are used, for example), until you resize the browser or switch back-and-forth between the view modes at the bottom of the editor. Somebody has previosuly raised this issue here:

http://www.intersoftpt.com/Community/WebTextEditor/WebTextEditor-Problems/; I do not believe that this was resolved.

This issue does not exist in IE if doctype XHTML is used. But I need to have two editors in WebTab, one editor per tab, in PanaManager; and your PanaManager does not support XHTML.

In Firefox: The toolbars are displayed without problem, but the two editors, which are exactly the same, except for their id, do not have exactly the same size. You can see one of the editors "moving up or down" when switching between the two tabs.

Please provide a fix to ensure that multiple editors work properly when placed in tabs or divs, and regardless of the doctype used.

Regards,

Jean