Webix：與tabview文本編輯器集成問題

Question

有接縫是tabview和文本編輯器集成的問題。只要用戶不切換製表符，編輯器就會顯示並正常工作。當用戶切換選項卡並返回到集成了文本編輯器的選項卡時，編輯器的內容消失並變得不響應（無法在其中鍵入文本）。值被複位，組分變得irresponsive

TinyMCE的 - - 值被複位，組分變得irresponsive

汞 - 值是

• CKEditor的：

  我已經與不同的結果下面的編輯測試這重置但組件有效（您可以重新鍵入文本）。

• 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

您可以將keepView財產

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

它改變多視點的邏輯，來保護基於iframe的意見（如CKEditor的和其他人）

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

這裏是一個spippet http://webix.com/snippet/8b9f24ea

Answer 2

你知道Webix如何處理標籤切換嗎？

我懷疑當切換標籤時，它意外地破壞了TinyMCE底層DOM元素，並在返回時創建一個新元素？

如果您正在使用TinyMCE離開「​​標籤」，您可能需要在離開標籤前使用remove() TinyMCE。當你回到選項卡時，你需要再次編輯init()。這是Web UI在編輯器打開時顯示/隱藏或銷燬DOM元素的常見問題。