什么方法可以防止在点击tinymce容器中的输入文本时失去焦点？

Question

我已经制作了这个小小的小提琴来展示我所说的话.

在编辑器中突出显示文本,然后单击输入文本,在tinyMCE中突出显示丢失(显然).

现在,我知道这并不容易,因为内联编辑器和输入文本都在同一个文档中,因此,焦点只有一个.但是,每当我点击输入文本时,是否有任何类似于"未聚焦"高亮(灰色)的方法？

我这样说是因为我有一个自定义颜色选择器,这个颜色选择器有一个输入,您可以输入HEX值,当单击OK时,它会对所选文本执行命令颜色更改,但它看起来很难看,因为突出显示是丢失.

我不想使用iframe,我知道通过使用非内联编辑器(iframe)是解决方案之一,但由于一些原因,我无法使用iframe文本编辑器.

这里有什么建议吗？谢谢.

PS:出于话题,你们中的任何人都知道为什么我无法访问tinyMCE小提琴中的tinymce对象吗？看起来像tinyMCE全局变量被页面本身的tinymce select dom元素覆盖.我无法执行tinyMCE命令lol.

Answer 1

这条线是错误的

var colorHex = document.getElementById("colorHex")

colorHex包含输入元素，而不是值。

var colorHex = document.getElementById("colorHex").value

现在它可以工作了（neolist无法加载，所以我删除了它）