带有编码器的颜色选择器

Question

我想使用带有编辑器的颜色选择器，我可以在其中选择颜色： -

http://jscolor.com/try.php

我只是尝试通过从redactor自定义插件文件调用jscolor函数来完成它，但颜色选择器没有显示。

我得到的错误是“Uncaught TypeError：无法读取未定义的属性'showPicker'”

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

这里使用的编辑器是

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源代码中的颜色选择器，您可以看到它们是如何做到的，并将其更改为使用自己的颜色选择器。