redactor - 编辑器：图像上传独立？

Question

我们在 CMS 中使用 redactor 作为编辑器，用户对其中的图像选择/上传功能非常满意。

通常通过在所需文本字段上调用 ​​redactor 方法来激活 redactor，这很棒。我想做的是在编辑的文本字段之外使用图像拖放上传/选择。我想在这个网站上用户选择图像的所有地方使用它。

有没有人成功直接连接到这个功能？

谢谢，

Answer 1

好的，我认为这就是您要执行的操作：

$('image-upload-tag').redactor({
    allowedTags: ['img'],  // We only want images
    buttons: ['image'],  // Only display the image button in the toolbar
    placeholder: "Drop images here…",  // Just to give some user info
    focusCallback: function() {
        // This stops the caret from being visable, it’s not necessary
        // but stops it looking like the user should be able to type.
        this.getEditor().css('color', 'transparent');
    },
    keydownCallback: function(e) {
        // Loose focus everytime a key is pressed.
        this.getEditor().blur();
    }
});

基本上，像往常一样设置编辑器区域。我对允许的标签和要在工具栏中显示的按钮设置了一些限制。为了不混淆最终用户，我添加了占位符并使闪烁的插入符号透明。您可能应该在 css 中而不是在此处执行透明位。

这keydownCallback是实际上阻止添加任何文本的功能。真的很简单；只要按下一个键，就会将焦点从元素上移开。this.getEditor返回可编辑的编辑器区域，因此blur()可以应用。这仍然允许其他操作（键绑定、图像删除等）正常工作。

让我知道这不是你要找的。