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();
    }
});

基本上，像往常一样设置编辑器区域。我对允许的标签和要在工具栏中显示的按钮设置了一些限制。为了不让最终用户感到困惑，我添加了占位符＆amp;让闪烁的插入符号透明。你应该在css而不是在这里做透明位。

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

如果那不是您正在寻找的，请告诉我。

Redactor：图像上传独立？

1 个答案: