使用Redactor编辑器调整jQuery UI(un)的大小

时间:2013-07-16 22:01:56

标签: jquery jquery-ui resizable redactor

我的页面上有一个可调整大小的DIV ,一旦我在该元素上启动Redactor编辑器,我就失去了调整大小功能。 (即使我试图在Redactor被销毁之后将其附加回来!)

http://jsfiddle.net/imehesz/BjM3g/

$(function(){
var $res = $("#resizethis");
var $save = $("#save");
var $edit = $("#edit");

$res.resizable();

$edit.on("click", function(){
    $res.redactor({
        toolbar: false,
        focus: true
    });
    $save.prop("disabled", false);
});

$save.on("click",function(){
    $res.redactor("destroy");
    $save.prop("disabled", true);
});

});

感谢

1 个答案:

答案 0 :(得分:1)

嗯,这是一个解决方案,如果你知道一个更好的解决方案,请告诉我......

我不得不手动销毁/重新创建resizable()调用,如下所示:

http://jsfiddle.net/imehesz/BjM3g/4/

$(function(){
var $res = $("#resizethis");
var $save = $("#save");
var $edit = $("#edit");

$res.resizable();

$edit.on("click", function(){
    $res.resizable("destroy");
    $res.redactor({
        toolbar: false,
        focus: true
    });
    $save.prop("disabled", false);
});

$save.on("click",function(){
    $res.redactor("destroy");
    $save.prop("disabled", true);
    $res.resizable();
});

});

我希望它也能帮助别人(其他人)......

- iM时