nicedit textarea寬度裏面的jQuery UI手風琴不能正常工作

Question

我正在使用nicedit.js和jQuery UI手風琴。
我有幾個包含這些nicedit WYSIWYG文本區域的手風琴。

當我刷新頁面時，第一個手風琴區域打開並顯示正確的niceit WYSIWYG區域（寬度爲100％）。
當我選擇另一個手風琴區域時，它會打開並顯示niceit WYSIWYG區域，但它只有100px寬。

我在代碼中進行了一些挖掘，發現它在整個構建過程中使用了100％作爲寬度。我已經遇到過這種情況，讓jQuery UI手風琴不會讓事情在之前正確呈現，並且剛剛銷燬了id並重新初始化它。

我正在尋找一種解決方案，使所有niceit WYSIWYG區域呈現100％甚至固定寬度。

Answer 1

我建議您訂閱手風琴的更改事件，並在這些事件初始化所見即所得的編輯器，如果它們以前沒有被初始化。我不熟悉nicedit或其編輯器是如何構建的，但是如果它動態計算大小，那麼除非HTML容器可見，否則它不能這樣做。因此，更改事件將使您可以看到容器，以便正確計算大小。