Hidden Div中的NicEdit调整得很小

Question

我试图使用NicEdit编辑器隐藏在div中的textarea.当用户单击按钮时,将显示目标textarea的父div.textarea的宽度设置为父div的100%.问题是父div被隐藏,因此textal在显示父div之前没有宽度.如果我尝试在显示它的父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');

Answer 2

当然，基本上在创建编辑器之后，检查它以查找它的 ID 或它所具有的类，并设置它的宽度$('#editorsID').width('100%');等。

或者也许找到它的父 div 的宽度（以像素为单位）并将其设置为该宽度。