javascript - CKEditor: cursor does not displayed on focus - Stack Overflow

admin管理员组

文章数量:1287489

Only on Chrome on Mac and Chrome canary on Windows (Chrome > 30).

When there is nothing in CKEditor (newly created with blank data) or all the text is removed from CKeditor, clicking on upper part of editor works but if I click lower part of editor, editor would not get focus - cursor would not appear in editor.(Though you can still type.)

It can be reproduced on demo of CKEditor itself. go to . Empty the editor then click outside the editor, when you try to click inside editor on upper part. It won't get focused.

Posted the ticket in CKEditor forum, too. But need quick answer so posting here.

Only on Chrome on Mac and Chrome canary on Windows (Chrome > 30).

When there is nothing in CKEditor (newly created with blank data) or all the text is removed from CKeditor, clicking on upper part of editor works but if I click lower part of editor, editor would not get focus - cursor would not appear in editor.(Though you can still type.)

It can be reproduced on demo of CKEditor itself. go to http://ckeditor./demo. Empty the editor then click outside the editor, when you try to click inside editor on upper part. It won't get focused.

Posted the ticket in CKEditor forum, too. But need quick answer so posting here.

• javascript
• focus
• ckeditor

Share Improve this question Follow edited Oct 4, 2013 at 13:20 Akshay asked Oct 4, 2013 at 10:36 AkshayAkshay 3,86644 gold badges4949 silver badges8484 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 10

This problem is because of small height of html and body tag of inner ckeditor iframe.

Red line on your picture is just on it's bottom border, inspect your editor by chrome.

To fix it i added this lines to contents.css

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

Always visible vertical scrollbar is acceptable price for me.

It's a browser-related issue. Event though the caret is invisible you can still type and once you start, the caret is back again.

Edit: There's a ticket for it.

Open ckeditor/content.css file, find class .cke_editable and change it as below css:

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

本文标签： javascriptCKEditor cursor does not displayed on focusStack Overflow