jQuery用户界面在CKEditor中可调整大小
提问于 2012-09-18 16:59:03
我试图在CKEditor实例中获得一个使用jQuery UI可调整大小的实例。
我使用以下代码设置jQuery UI可调整大小：
var ckinstance = CKEDITOR.instances.ckeditor-1;
ckinstance.on("instanceReady", function() {
$(ckinstance.document.$).find(".gallery").resizable();
});这似乎有一半的效果。如果我检查CKEditor实例中的jQuery，div拥有句柄等的所有jQuery UI可调整大小标记，但是div似乎无法调整大小。
有人知道为什么div不调整大小吗？
回答 1
Stack Overflow用户
发布于 2012-09-19 03:16:16
我不明白为什么jQuery UI可调整大小。CKEditor已经有了自己的调整大小API：
- 按需调整大小的editor.resize()
- 已启用，maxHeight，maxWidth等控制调整大小的过程
也许你应该重新考虑你的目标。无论如何，如果您真的想使用jQuery UI，请考虑以下内容：
<div id="resizable" style="overflow: hidden;">
<textarea id="editor1">
Initial content
</textarea>
</div>以及下面的JavaScript：
(function( $ ) {
var editor = CKEDITOR.replace( 'editor1', {
width: '100%',
resize_enabled: false // Disable native CKEditor resize.
});
$( "#resizable" ).resizable({
resize: function( event, ui ) {
editor.resize( '100%', ui.size.height - 2 ); // Play with this.
}
});
})( jQuery );编辑器将自动调整到您的#resizable容器。如果性能至关重要(旧浏览器)，请考虑使用停止事件。
玩得开心!
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12487190
复制相关文章
腾讯云开发者
