带编辑器的颜色选择器

Question

我想使用带有 redactor 的颜色选择器，我可以在其中选择颜色，如下所示：-

http://jscolor.com/try.php

我只是尝试通过从 redactor 自定义插件文件中调用 jscolor 函数来做到这一点，但颜色选择器没有显示。

我得到的错误是“Uncaught TypeError: Cannot read property 'showPicker' of undefined”

是否可以将此颜色选择器显示为“编辑器”插件

这里使用的编辑器是

http://redactorjs.com/

我的插件代码

if (!RedactorPlugins) var RedactorPlugins = {};

  RedactorPlugins.background = function()
  {
 return {
    init: function()
    {

        var bg = this.button.add('background color', 'Background Color');

        this.button.addCallback(bg, this.background.formatBg);

        jscolor.init()


    },
    formatBg: function()
    {
        document.getElementsByClassName("re-background").color.showPicker();
    }
};
};  

Answer 1

document.getElementsByClassName("re-background").color 不是对象，这就是您收到该错误的原因。查看 redactor 源代码中的颜色选择器，您可以看到他们是如何做到的，并将其更改为使用您自己的。