将tinymce 4与jquery jCrop相结合答案

【问题标题】：Combining tinymce 4 with jquery jCrop将tinymce 4与jquery jCrop相结合
【发布时间】：2013-08-26 07:43:45
【问题描述】：

我正在尝试将图像裁剪功能添加到用于内联元素的 TinyMCE 编辑器中（编辑器在聚焦某些内联元素后出现，在聚焦后隐藏，页面上有更多编辑区域）。

问题是我不确定这是否是好方法，我的计划是在工具栏中添加一些自定义按钮并将它们处理到初始化 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) {}

});

感谢任何帮助或建议，谢谢，Jan。

【问题讨论】：

标签： jquery tinymce

【解决方案1】：

好吧，因为这可能是一个严重的问题要解决，我已经通过购买 Moxie 管理器的许可证来解决这个问题，该管理器具有裁剪功能以及内置的下一个过滤器和功能......

【讨论】：

【解决方案2】：

对于那些仍在寻找关于如何在 TINYMCE4 中设置 BLUR 事件或其他事件的答案的人，这里有一个简短的演示：

tinymce.init({
        selector: "some_selector",
        ...some next attribs ...
        setup : function(ed) { 
            ed.on('blur', function(args) { 
                alert('blur'); 
            }); 
        }
});

当然，除了“模糊”事件之外，您还可以设置 TineMCE4 API 文档中描述的任何其他事件

【讨论】：