CKEditor在文本區域點擊時不關注iOS

在iOS 6.1 Safari的文本區域點擊時，CKEditor 4.0.1無法關注。這發生在iphone和ipad上（都運行iOS 6.1）。我最終可以通過多次點擊來讓它聚焦。有時需要5次敲擊，有時需要10次或15次。如果我點擊粗體按鈕，它會立即對焦。有任何想法嗎？有沒有辦法讓我手動捕捉輕敲事件，然後調用一些將關注編輯器的內容？我使用jQuery。CKEditor在文本區域點擊時不關注iOS

來源

2013-02-17 Redtopia

呃......我剛剛檢查了內容iframe，發現高度只有1線高......換句話說，iframe沒有跨越內容區域的高度。爲了專注，您需要確保點擊內容區域的最頂端。我想知道是否有一種簡單的方法可以使iframe高度與內容區域的高度相匹配。 – Redtopia 2013-02-17 18:02:26

我猜測，添加html {height：100％;}到cked的ckeditor iframe可能會訣竅。但我不確定我會在哪裏做出這樣的改變。 – Redtopia 2013-02-17 18:14:22

我能夠在我的編輯器區域css文件中更改html元素的高度，並驗證iframe的高度是否跨越內容區域的高度。但是這並不能解決問題。設置主體的最小高度爲100px確實可以更容易地集中編輯器，但顯然只是暫時性的修復，並不能完全解決問題。 – Redtopia 2013-02-17 18:31:14

在editor-test.css中添加height:100%;到HTML和BODY元素將解決此問題。最終代碼會是這樣：

html {height:100%;} 
body { 
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
    font-size: 12px; 
    line-height:1.4em; 
    color: #333; 
    height:100%; 
}

來源

2013-02-20 10:27:49 trkaplan

進行更改的副作用是編輯器始終有一個滾動條。這是因爲iframe內容有一個邊距，所以100％加邊距總是比視口高。我的修補程序是將min-height：250px（或編輯器初次查看時的初始高度）添加到body元素。 – Redtopia 2013-02-20 17:27:23

我已將高度設置爲100％，但它仍然不適用於iPhone。其他解決方案？ – Faizan 2013-09-11 12:02:14

您是否爲HTML和BODY標籤設置了它？你可以將你的代碼粘貼到jsfiddle並在這裏分享嗎？ – trkaplan 2013-09-14 00:44:14

我知道這是一個老問題，但我最近碰到了這一點。

在ckeditor文件夾中我編輯了contents.css文件。（它的樣式編輯器中的內容）

在body節，我說：

body 
{ 
    /* [other code is left as found] */ 

    /* Add the line below */ 
    min-height: calc(100% - 40px); 
}

這是考慮到不同的config.js定義的自定義高度和margin: 20px聲明（這似乎是默認）。

來源

2014-12-19 19:45:33 aljachimiak

CKEditor在文本區域點擊時不關注iOS

回答

相關問題