Webix：タブビューとのテキストエディタ統合の問題

Question

タブビューとテキストエディタの統合に問題が生じることがあります。ユーザーがタブを切り替えていない限り、エディタは表示され、正常に動作します。ユーザーがタブを切り替えてテキストエディタが統合されたタブに戻ると、エディタの内容が消えて無応答になります（テキストを入力することはできません）。

私は異なる結果と、次の編集者でこれをテストした：

• CKEditorバージョン - 値がリセットされ、成分はirresponsive
• TinyMCEはなる - 値がリセットされ、成分はirresponsive
• 水銀なる - の値でありますコンポーネントは機能します（新しいテキストを入力することができます）。
• nicedit - Works！

ここにサンプルコード定義があります。

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' 
     }] 
    }] 
}); 

誰でもこの問題を解決する前に、アドバイスをお願いします。 Tnx。 Lefteris

Answer 1

あなたは

http://docs.webix.com/api__ui.multiview_keepviews_config.html

keepViewプロパティをすることができますそれはここ（などCKEditorバージョンや他の人など）はiframeベースのビュー

view: "tabview", 
multiview:{ keepViews:true }, 
cells:[{ 

を維持するために、マルチビューのロジックを変更spi​​ppet http://webix.com/snippet/8b9f24ea

です

Answer 2

Webixがタブの切り替えをどのように処理するか知っていますか？

私は、タブが切り替わって誤ってTinyMCEの基礎となるDOM要素が破壊され、あなたが戻ったときに新しいものを作ったと思われますか？

TinyMCEで「タブ」から離れる場合は、タブを離れる前にTinyMCEにremove()する必要があります。タブに戻ると、init()のエディタが再び必要になります。これは、エディタが開いている間にDOM要素を表示/非表示または破棄するWeb UIによく見られる問題です。