单击“图像信息”选项卡中的单击或事件时，如何更改已加载的ckeditor的filebrowseurl值

编程问答 2022-06-11

问题描述

我在带有图像的文本区域元素上创建了一个ckeditor，我想要做的就是动态更改浏览URL，以便可以根据搜索文本过滤图像，这是我在图像信息中插入的文本框标签。 这是在鼠标移出时必须更改配置浏览url值的代码。但是我不能，因为它正在使用页面上已加载的值。

let url = '';

CKEDITOR.on('dialogDeFinition',function(ev)
        {
            let dialogName = ev.data.name;
            let dialogDeFinition = ev.data.deFinition;
            if (dialogName == 'image')
            {
                for (let i in dialogDeFinition.contents)
                {
                    let contents = dialogDeFinition.contents[i];
                    console.log(contents);
                    if (contents.id == "info")
                    {
                        contents.elements.splice(contents.elements.length - 3,{
                            type : 'text',id : 'image_text',label : 'Search Image by text',value : ''
                        });
                    }
                }
            }
            let infoTab = dialogDeFinition.getContents('info');
            let browse = infoTab.get('image_text');
            browse.onMouSEOut = function () {
                let dialog = dialogDeFinition.dialog;
                let search_text = dialog.getValueOf( 'info','image_text' );
                url = '/admin/upload/browse_editor_image?search_text='+search_text+'&path=/assets/images/editor/';
               // CKEDITOR.instances['content'].destroy();
                CKEDITOR.replace( 'content',{
                        filebrowserbrowseUrl: url
                    });
            }
        });

 CKEDITOR.replaceAll( function( textarea,config ) {
            console.log(url);
            if (new CKEDITOR.dom.element(textarea).hasClass('content')) {
                config.baseFloatZIndex = 100001;
                config.filebrowserUploadUrl = "/admin/upload/upload_editor_image?type=Images&path=assets/images/editor/";
                config.filebrowserbrowseUrl = url;
                config.imagebrowser_listUrl = "/admin/upload/browse_editor_image?format=json&path=/assets/images/editor/";
                config.width = "86%";
                return true;
            }
            return false;
        });

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

ckeditorckeditor4.ximageimagejavascriptjquery