CKEditor：聚焦时光标未显示

Question

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

当CKEditor中没有任何内容（新创建的空数据）或所有文本都从CKeditor中删除时，单击编辑器的上部分可以工作，但是如果我单击编辑器的下部分，则编辑器不会获得焦点 - 光标不会出现在编辑器中。（尽管您仍然可以键入。）

可以在CKEditor本身的演示中重现。转到http://ckeditor.com/demo。清空编辑器，然后单击编辑器外部，在尝试单击编辑器上部分以内部时，它将无法获得焦点。

在CKEditor论坛中发布了票证，但需要快速回答，因此在此发布。

- Akshay

Answer 1

这个问题是由于ckeditor内部iframe的html和body标签高度很小引起的。

在您的图片上，红线正好在其底部边界上，请使用Chrome检查您的编辑器。

为了修复它，我将这些行添加到contents.css。

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

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

- Yuri Gor

---

是的，这是一个快速而好的修复方法， 然而，一个新的 ckeditor 将会与此修复一起提供，或者如果有人想将其修复到代码中，可以访问 http://dev.ckeditor.com/ticket/10945。 - Akshay

Answer 2

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

- Sỹ Phạm

Answer 3

这是一个与浏览器相关的问题。即使插入符号不可见，您仍然可以输入，一旦开始，插入符号就会重新出现。

编辑：有一张工单与此相关。

- oleq

---

是的，我仍然可以打字，但最终用户可能会感到困惑，点击几次后可能会感到沮丧。是的，我也为此发布了一个工单 https://dev.ckeditor.com/ticket/10950，但希望能够快速修复或打补丁。所以我在这里问了一下。 :) - Akshay

您可以在此处找到快速修复的想法：http://dev.ckeditor.com/ticket/10945#comment:6，阅读时请参考：http://github.com/ckeditor/ckeditor-dev/commit/11f4494597 - Reinmar