如何将click事件添加到tinyMCE 4 file_picker_callback窗口?

时间:2015-07-16 20:40:19

标签: jquery onclicklistener tinymce-4

我正在尝试将jQuery click事件侦听器添加到我的file_picker_callback的自定义文件浏览器窗口中,但我没有成功。

我可以通过using将点击事件添加到第一个弹出窗口中:

setup : function(ed) {
      ed.on('click', function(e) {
          console.log('Editor was clicked');
      });
   }

我的第一个窗口是内置于tinyMCE 4.2中的插入/编辑图像窗口,但这不是我想要的目标。我想要的目标是当我单击下图所示的文件浏览器按钮时启动的窗口。当您调用file_picker_callback时,您会看到一个文件浏览器图标(带圆圈)。

enter image description here

当我点击文件浏览器按钮时,我会出现第二个窗口,我将用作我的文件浏览器,这个窗口是我要添加活动的地方。

在我用来调用file_picker_callback ...

的代码下面

INIT:

tinymce.init({
    //...
    file_picker_callback: function (callback, value, meta) {
        imageFilePicker(callback, value, meta);
    }
});

第二个窗口的代码:

var imageFilePicker = function (callback, value, meta) {
    tinymce.activeEditor.windowManager.open({
        title: 'Image Picker',
        url: '/images/getimages',
        width: 900,
        height: 550,
        onPostRender: function () {
            doCrap();
        },
        buttons: [{
            text: 'Insert',
            onclick: function () {
                tinymce.activeEditor.windowManager.close();
            }
        }, {
            text: 'Close',
            onclick: 'close'
           }],
        }, {
            oninsert: function (url) {
                callback(url);
                alert("derp");
           },
        });
   };

我的问题

如何在第二个窗口中添加事件处理程序?

0 个答案:

没有答案