Redactor：导致错误的模糊事件

Question

我在 laravel 项目中使用编辑器作为文本编辑器。

每当编辑器在页面上并初始化时，无论何时单击任何地方都会出现此错误。

Uncaught TypeError: $(...).closest(...).size is not a function(…)  
Uncaught TypeError: $current.closest(...).size is not a function(…)

每当我在编辑器中键入内容或单击页面上的任意位置时都会触发此事件。编辑器初始化正常，工作正常。我不确定为什么它会抱怨模糊事件。

这是我初始化它的方式：

$('#myInput').redactor({
        'buttons': ['html', 'formatting', 'bold', 'italic', 'unorderedlist', 'orderedlist', 'link'],
        'placeholder': 'Comments...'
    });

看起来这是不开心的部分之一：

$(document).on('mousedown.redactor-blur.'+this.uuid,

我正在使用 Redactor 10.2.5

感谢您的任何建议！

Answer 1

我正在使用 Redactor 10.2.2，但在升级 jquery 版本后出现类似错误（2.x -> 3.x）。

我认为与 jquery 版本 3 和以下两行有一些冲突：

line 1463:    if ($(e.target).closest('.redactor-editor, .redactor-toolbar, .redactor-dropdown').size() !== 0)
line 6913:    if ($current.closest(element).size() > 0)

应该修改

line 1463:    if ($(e.target).closest('.redactor-editor, .redactor-toolbar, .redactor-dropdown').length !== 0)
line 6913:    if ($current.closest(element).length > 0)

对于 Reactor 10.2.5。

希望对您有所帮助。

Answer 2

我认为这个解决方案会更好

$(function() {
    $.fn.size = function() {
        return this.length;
    }
});

您不必更改供应商，因此每次在某处安装应用程序时都不必处理更改。

Redactor：导致错误的模糊事件

Redactor: blur event causing errors

jquery

redactor

redactor.js