TinyMCE-拾色器为空

Question

使用TinyMCE，我无法让“前景”和“背景”颜色选择器显示任何颜色。

我尝试手动添加textcolor_map，如此处所述：https://www.tiny.cloud/docs/plugins/textcolor/，但它仍然不显示任何颜色。

如果我添加ColorPicker插件，那么我将获得“自定义”选项，但仍然没有实际颜色。

tinymce.init({
        selector: '.editor',
        theme: 'modern',
        plugins: [
            'link image lists charmap hr anchor pagebreak spellchecker textcolor',
            'visualblocks visualchars code fullscreen media nonbreaking',
            'table contextmenu directionality template  paste fullpage inlinepopups'
        ], 
        toolbar1: 'undo redo | bold italic underline strikethrough  | forecolor backcolor emoticons| bullist numlist table | link unlink',
        toolbar2: 'fontselect fontsizeselect | alignleft aligncenter alignright alignjustify | outdent indent | code fullscreen',
        inline: true,
        removed_menuitems: 'newdocument',
 });

Answer 1

我已经复制了您的配置并创建了一个小提琴：http://fiddle.tinymce.com/B9gaab

看起来一切在干净的环境中都可以正常工作，因此问题可能与您网站上的某些样式有关。

由于微小的mce是在您的网页上下文中呈现的，因此您可以具有一些通用样式，这些样式可能会覆盖某些tinyMCE UI元素。

关于textColor，它使用表格内部显示所有颜色元素。我将建议检查样式是否没有被您的样式覆盖。 TinyMce为textcolor工具提示内容呈现的图像呈现结构。

确保您不会被类名覆盖，因为它们是tinymce特有的，但是可能对td元素或表/ tbody有一些覆盖。