jQuery UI手风琴内的nicedit textarea宽度无法正常工作

Posted 2023-05-07

【中文标题】jQuery UI手风琴内的nicedit textarea宽度无法正常工作

【英文标题】：nicedit textarea width inside of jQuery UI accordion not working correctly

【发布时间】：2012-05-25 14:14:19

【问题描述】：

我正在使用 nicedit.js 和 jQuery UI 手风琴。 我有几个包含这些 nicedit 所见即所得文本区域的手风琴。

当我刷新页面时，第一个手风琴区域打开并显示正确的 nicedit WYSIWYG 区域（宽度为 100%）。 当我选择另一个手风琴区域时，它会打开并显示 nicedit WYSIWYG 区域，但它只有 100 像素宽。

我在代码中进行了一些挖掘，发现它在整个构建过程中使用 100% 作为宽度。我在 jQuery UI 手风琴上遇到了这个问题，之前没有让事情正确渲染，只是破坏了 id 并重新初始化它。

我正在寻找一种解决方案，允许所有 nicedit WYSIWYG 区域呈现 100% 甚至固定宽度。

【问题讨论】：

很难拍到照片……所有这些手风琴和宽度。您可以准备一个jsfiddle 或让我们查看您的页面吗？

【参考方案1】：

我建议您订阅手风琴的 change 事件，并根据这些事件初始化 WYSIWYG 编辑器（如果它们之前没有被初始化）。我不熟悉 nicedit 或他们的编辑器是如何构造的，但如果它动态计算大小，那么除非 html 容器可见，否则它不能这样做。因此，更改事件将使您可以看到容器，以便正确计算大小。