javascript - CKEditor：光标不显示在焦点上

Question

仅适用于 Mac 上的 Chrome和Windows 上的 Chrome canary (Chrome > 30)。

当 CKEditor 中没有任何内容（新创建的空白数据）或所有文本从 CKeditor 中删除时，单击编辑器的上部可以工作，但如果我单击编辑器的下部，编辑器将不会获得焦点- 光标不会出现在编辑器中.（虽然你仍然可以打字。）在此处输入图像描述

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

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

score 10 · Accepted Answer

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

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

为了修复它，我将此行添加到 contents.css

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

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

score 1 · Accepted Answer

这是与浏览器相关的问题。事件虽然插入符号是不可见的，但您仍然可以键入，一旦开始，插入符号又回来了。

编辑：有一张票。

score 0 · Accepted Answer

打开 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;
}

3 回答 3