CKEditor：光标没有显示在焦点上

Question

仅限 Chrome on Mac 和 Chrome canary on Windows （Chrome＆gt; 30）。

当CKEditor中没有任何内容（新创建的空白数据）或所有文本都从CKeditor中删除时，单击编辑器的上半部分可以正常工作，但如果单击编辑器的下半部分，编辑器将无法获得焦点< / strong> - 光标不会出现在编辑器中。（虽然你仍然可以输入。）

可以在CKEditor本身的演示中复制。转到http://ckeditor.com/demo。当您尝试单击上部的内部编辑器时，清空编辑器然后在编辑器外单击。它不会集中精力。

也在CKEditor论坛中发布了ticket。但需要快速回答，所以发布在这里。

Answer 1

这个问题是因为内部ckeditor iframe的html和body标签的高度很小。

图片上的红线就在它的底部边框上，通过chrome检查你的编辑器。

要解决此问题，我将此行添加到contents.css

html{
    height:100%;
}
body
{
    height:100%;
}

始终可见垂直滚动条对我来说是可以接受的价格。

Answer 2

这是与浏览器相关的问题。事件尽管插入符号是隐形的，但您仍然可以键入，一旦开始，插入符号就会再次返回。

编辑：它有a ticket。

Answer 3

打开ckeditor / content.css文件，找到类.cke_editable并将其更改为如下CSS：

.cke_editable {
    font-size: 13px;
    line-height: 1.6em;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}