Tinymce 拾色器无法正常工作答案

【问题标题】：Tinymce Color Picker not working correctlyTinymce 拾色器无法正常工作
【发布时间】：2017-01-23 09:58:31
【问题描述】：

我正在使用 tinymce 4.3.10 并使用它的“colorpicker”插件在编辑器中添加自定义颜色。新颜色看起来很完美，但我无法从中选择颜色。控制台中没有错误，我只是无法将颜色选择器移动到任何地方来选择不同的颜色。以下是我的代码：

tinymce.init({
selector: "textarea:not(.mceNoEditor)",
browser_spellcheck: true,
force_br_newlines: true,
force_p_newlines: false,
forced_root_block: '',
font_formats: 'Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n;Comic Sans MS=comic sans ms,sans-serif;Times New Roman=times new roman,times;',
fontsize_formats: '8pt 10pt 12pt 14pt 18pt 24pt 36pt',
plugins: ["textcolor", "colorpicker", "advlist autolink lists link image charmap print preview anchor", "searchreplace visualblocks code fullscreen", "insertdatetime media table paste"],
toolbar: "fontselect | fontsizeselect | forecolor backcolor | insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
height: "200"
});

这是我面临的问题的屏幕截图：http://prntscr.com/dz6gok

【问题讨论】：

jsfiddle.net/dkmzhfo3 为我工作
@urbz 是的，它在这里工作，但不在我的网站上。这可能是什么原因？我注意到版本差异，您使用的是 4.5.2，但它仍然没有解决问题。

标签： jquery tinymce-4

【解决方案1】：

似乎是 DOM.getPos 的问题

Colorpicker 插件根据外部 css 位置返回错误的 y 位置。

在开发者页面上查看打开的错误：https://github.com/tinymce/tinymce/issues/3248

【讨论】：

欢迎提供解决方案链接，但请确保您的答案在没有它的情况下有用：add context around the link 这样您的其他用户就会知道它是什么以及为什么会出现，然后引用最相关的您链接到的页面的一部分，以防目标页面不可用。 Answers that are little more than a link may be deleted.
虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接答案可能会失效。 - From Review
当然，你是对的。但是还没有讨论过任何解决方案。想在开发者页面上分享位置，希望首先解决问题。

【解决方案2】：

我在设置body元素的样式为“position:relative”时也遇到了这个问题。删除样式属性后，它可以工作。我觉得应该是风格污染造成的。

【讨论】：