CKEditor textarea 内容不可 displaying/not 更新（随机）

Question

文本区域内容不显示且文本区域不可编辑（随机发生）

只有当我调整编辑器（右下角手柄）的大小时，内容才开始出现并且编辑器是可编辑的，这个错误随机出现并且仅在 Chrome 中测试过。有没有人遇到过这种情况或任何解决方案会有帮助？

我的文本区域示例：

<textarea rows="5" cols="80"><?php echo $output; ?></textarea>

我是这样设置的：

// Set the ckeditor wysiwyg editor
function CKupdate(){
for ( instance in CKEDITOR.instances )
CKEDITOR.instances[instance].updateElement();
}          
$( 'textarea' ).ckeditor();

CKEditor 版本 4.4.6

已更新截图

Click here to view screenshots

问题已解决

我在 iframe 的输出中发现了显示错误：

工作编辑：

<iframe src="" frameborder="0" class="cke_wysiwyg_frame cke_reset" title="Rich Text Editor,     detailed_description" aria-describedby="cke_125" tabindex="0" allowtransparency="true" style="width: 704px; height: 100%;"></iframe>

有显示错误的编辑器：

<iframe src="" frameborder="0" class="cke_wysiwyg_frame cke_reset" title="Rich Text Editor, customers" aria-describedby="cke_71" tabindex="10" allowtransparency="false" style="width: 0px; height: 200%;"></iframe>

请注意两者 Editors/iframes 之间 width 的差异，导致问题的编辑器是 width: 0px，当您调整浏览器或编辑器的大小时，它会将 width 更改回 704px.

希望这对以后的人有所帮助...

Answer 1

显示问题是由输出大小为 "width: 0px" 的 iframe 的编辑器引起的。

下一步，寻找可能的解决方案：

CSS 为所有 Iframe 设置预定义宽度，例如 [CSS][1];

或

Jquery（示例：[change-iframe-width-and-height-using-jquery][2]）

[1]: http://jsfiddle.net/7WRHM/1001/
[2]:

我没有彻底测试过，但这个解决方案似乎可以解决问题：

.cke_contents > iframe{
  width: 100% !important;
}

CKEditor textarea 内容不可 displaying/not 更新（随机）

CKEditor textarea content not displaying/not updatable (Randomly)

javascript

php

jquery

html

ckeditor