javascript - Hidden Div 中的 NicEdit 变小了

Question

我正在尝试将 NicEdit 编辑器用于隐藏在 div 中的文本区域。当用户单击一个按钮时，目标文本区域的父 div 就会显示出来。 textarea 的宽度设置为父 div 的 100%。问题是父 div 是隐藏的，因此在显示父 div 之前 textrea 没有宽度。如果我尝试在显示其父 div 的同时附加 NicEdit 编辑器，该编辑器会显得很小。

<script type="text/javascript">

function add_task_editor() {
        new nicEditor({buttonList : ['fontSize','bold','italic','underline','strikeThrough','subscript','superscript','ul','link']}).panelInstance('task_description');
    };

$('#trigger_it').click(function (e) {
 $('#parent_div').show();
 add_task_editor();

});
</script>
<div id="parent_div" style="display: none;">
<textarea id="task_description"></textarea>
</div>

有没有办法解决这个问题，使编辑器的宽度在加载后设置为父 div 的 100%？

Answer 1

在我的例子中，这与 jquery 一起工作:

new nicEditor().panelInstance('myArea');

$('.nicEdit-panelContain').parent().width('100%');
$('.nicEdit-panelContain').parent().next().width('100%');

或绝对宽度:

$('.nicEdit-panelContain').parent().width('400px');
$('.nicEdit-panelContain').parent().next().width('400px');