html - Tinymce - 闪烁的光标隐藏在转换后的(缩放的)contenteditable Div 上

Question

已编辑:我用tinymce编辑器通过外部工具栏添加文本，
请查看TINYMCE-DEMO一切正常，正如我在下面提到的那样。

我有一个带有 contentEditable="true" 的转换(缩放)div 元素。现在的问题是，当我开始在这个 div 框上打字时，闪烁的光标有时会隐藏在 Firefox 中，但在 chrome 中它工作得很好。我不明白这段代码有什么问题。
这是我的代码:
HTML-

<div contentEditable="true" id="textbox" class="scaleDiv">Add Text Here...</div>

CSS-

<style>
#textbox { width:400px;height:250px;background:#FFC0CB;word-wrap:break-word; padding:5px;}
.scaleDiv { -moz-transform:scale(0.5,0.5);-webkit-transform:scale(0.5,0.5);}
</style>

这是 DEMO

如果您在键入后从左到右或从右到左移动光标，那么您可以看到光标 - 有时可见，有时隐藏。

请帮忙...

Answer 1

这将取决于缩放时使用不同的别名方法，或者 Chrome 会齐心协力使光标保持事件状态。 FireFox 中发生的情况是，在某些点上，单个垂直线(即光标)正在按比例缩小，这种情况有时会在使用某些类型的缩放时发生，例如最近的邻居。这个问题可能是特定于操作系统的，我在 Windows 上的 FF 26.0 上看到了它。

例如:

拍摄这张图片:

然后缩放0.75(我这里用的是PhotoShop和Nearest Neighbor，但是原理是一样的)

如您所见，一些线条已经消失。

基本上，您需要研究是否可以更改 FireFox 和 CSS 中使用的缩放类型。遗憾的是，据我目前所见，只有使用 image-rendering css 属性或 Microsoft 非标准 -ms-interpolation-mode 的图像才有可能。 ..