TinyMCE+;jbimages&x2B;自动调整大小而不调整大小

TinyMCE+;jbimages&x2B;自动调整大小而不调整大小,tinymce,Tinymce,我正在使用TinyMCE和jbimages插件上传图像。我还激活了autoresize插件,因此当添加/删除内容时,编辑器会自动展开和收缩 除了上传大于编辑器视口的图像外,这一切都可以正常工作。在这种情况下,编辑器将不会展开 我的init tinyMCE代码如下: tinyMCE.init({ menubar: false, statusbar: false, selector: "textarea", plugins: [ "advlist au

我正在使用TinyMCE和jbimages插件上传图像。我还激活了autoresize插件,因此当添加/删除内容时,编辑器会自动展开和收缩

除了上传大于编辑器视口的图像外,这一切都可以正常工作。在这种情况下,编辑器将不会展开

我的init tinyMCE代码如下:

tinyMCE.init({
    menubar: false,
    statusbar: false,
    selector: "textarea",
    plugins: [
        "advlist autolink autoresize lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste jbimages textcolor"
    ],
    toolbar: "jbimages",
    relative_urls: false
});
我的标记看起来像:

<div class="control-group" id="cgroup-order[message]">
<label class="control-label required" id="label-order[message]" for="order[message]">Message to send:</label>
<div class="controls" id="controls-order[message]">
    <textarea name="order[message]" class="pull-left span3 message" id="order[message]"></textarea>
</div>
但这并没有多大帮助。有没有办法让它正常工作

编辑: 当我在插入图像后按一个键或按一个鼠标按钮时,编辑器将调整大小,但不会自动调整大小

编辑2: 好吧,至少现在我知道这种行为的原因了。发生的情况是,autoresize插件响应编辑器的SetContent事件。在插入大图像时,浏览器可能会渲染图像,也可能不会渲染图像。如果没有渲染图像,自动调整大小计算的新高度仍然是旧高度,原因很明显

我尝试了许多不同的方法,比如捕捉mce的iframe的加载事件,但这只在页面最初加载时触发

我最终以一种非常糟糕的方式解决了这个问题,使用了1秒的超时时间来给浏览器更多的时间来渲染图像。当然,这充其量只是一个管道胶带解决方案,因为它可能无法在速度较慢的客户端上工作。如果有人有更好的解决方案,请告诉我

我的代码现在如下所示:

    tinyMCE.init({
    menubar: false,
    statusbar: false,
    selector: "textarea",
    plugins: [
        "advlist autolink autoresize lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste jbimages textcolor"
    ],
    //toolbar: "insertfile undo redo | styleselect | forecolor | bold italic | alignleft aligncenter alignright alignjustify | link | jbimages",
    toolbar: "jbimages",
    relative_urls: false,
    autoresize_min_height: 200,
    //autoresize_max_height: 800,
    setup: function(editor) {
        editor.on('SetContent', function(e) {
            if (e.content.indexOf('<img ') == 0)
            {
                setTimeout(function(){ tinymce.activeEditor.execCommand('mceAutoResize'); }, 1000);
            }
        })
    }
});
tinyMCE.init({
梅努巴:错,
状态栏:false,
选择器:“文本区域”,
插件:[
“advlist autolink autoresize列出链接图像charmap打印预览锚”,
“searchreplace visualblocks代码全屏显示”,
“insertdatetime媒体表上下文菜单粘贴jbimages文本颜色”
],
//工具栏:“插入文件撤消重做|样式选择|前景色|粗体斜体|对齐左对齐中心对齐右对齐对齐对齐|链接| jbimages”,
工具栏:“jbimages”,
相对URL:false,
自动调整大小最小高度:200,
//自动调整最大高度:800,
设置:函数(编辑器){
编辑器.on('SetContent',函数(e){

if(e.content.indexOf(“我有一个想法,但我的问题没有这个,但它已经解决了许多图像问题

ini\u设置(“内存限制”,“120M”);

它必须放在
jbimages\ci\system\libraries\Upload.php
文件中

在这条线上:

@copy($this->file\u temp,$this->upload\u path.$this->file\u name);

它可能会解决你的问题

    tinyMCE.init({
    menubar: false,
    statusbar: false,
    selector: "textarea",
    plugins: [
        "advlist autolink autoresize lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste jbimages textcolor"
    ],
    //toolbar: "insertfile undo redo | styleselect | forecolor | bold italic | alignleft aligncenter alignright alignjustify | link | jbimages",
    toolbar: "jbimages",
    relative_urls: false,
    autoresize_min_height: 200,
    //autoresize_max_height: 800,
    setup: function(editor) {
        editor.on('SetContent', function(e) {
            if (e.content.indexOf('<img ') == 0)
            {
                setTimeout(function(){ tinymce.activeEditor.execCommand('mceAutoResize'); }, 1000);
            }
        })
    }
});