将tinymce 4与jquery jCrop相结合

将tinymce 4与jquery jCrop相结合,jquery,tinymce,Jquery,Tinymce,我正在尝试将图像裁剪功能添加到用于内联元素的TinyMCE编辑器中(编辑器在聚焦某个内联元素后显示,在调出焦点后隐藏,页面上有更多编辑区域) 问题是,我不确定这是否是一个好方法,我的计划是在工具栏中添加一些自定义按钮,并将它们处理到init jCrop插件中,用于编辑器中使用的图像和确认要裁剪的选定区域 看起来jCrop基本上在编辑器中工作正常,但出现了一些问题,例如,当用户启动jCrop,然后离开该编辑器并打开另一个编辑器时,会导致jCrop挂在图像上,但没有工具栏 为了修复这个问题,我正在寻

我正在尝试将图像裁剪功能添加到用于内联元素的TinyMCE编辑器中(编辑器在聚焦某个内联元素后显示,在调出焦点后隐藏,页面上有更多编辑区域)

问题是,我不确定这是否是一个好方法,我的计划是在工具栏中添加一些自定义按钮,并将它们处理到init jCrop插件中,用于编辑器中使用的图像和确认要裁剪的选定区域

看起来jCrop基本上在编辑器中工作正常,但出现了一些问题,例如,当用户启动jCrop,然后离开该编辑器并打开另一个编辑器时,会导致jCrop挂在图像上,但没有工具栏

为了修复这个问题,我正在寻找tinyMCE esspec的一些回调函数。对于事件后,聚焦一些可编辑区域并模糊该区域,以确保我可以在必要时销毁jCrop,但我找不到该功能

有没有办法像下面这样设置回调函数

tinymce.init({
    selector: "div.edit", 
    inline: true,
    setup: function (editor) {},
    ...
    // some methods like this
    onBlur: function (editor) {},
    onFocus: function (editor) {}

});

感谢您的帮助或建议,thx,Jan.

好吧,因为这可能是一个需要解决的严重问题,我已经了解到,通过购买Moxie manager的许可证,该许可证具有裁剪功能和内置的下一个过滤器和功能……

对于那些仍在寻找如何在TINYMCE4中设置模糊事件或其他事件答案的人,以下是简短的演示:

tinymce.init({
        selector: "some_selector",
        ...some next attribs ...
        setup : function(ed) { 
            ed.on('blur', function(args) { 
                alert('blur'); 
            }); 
        }
});
当然,除了“模糊”事件之外,您还可以设置TineMCE4 API文档中描述的任何其他事件