CKEditor nie koncentruje się na systemie iOS podczas stukania w obszarze tekstowym

Program CKEditor 4.0.1 nie ustawia ostrości podczas stukania w obszarze tekstowym w przeglądarce Safari 6.1 systemu iOS. Dzieje się tak zarówno na iPhone'ach i iPadach (obie z systemem iOS 6.1). W końcu mogę skupić się na tym, dotykając go kilka razy. Czasem zajmuje to 5 kliknięć, czasami zajmuje to 10 lub 15. Jeśli kliknę pogrubiony przycisk, natychmiast ogniskuję. Jakieś pomysły? Czy istnieje sposób, aby ręcznie uchwycić zdarzenie dotknięcia, a następnie wywołać coś, co skupi się na edytorze? Używam jquery.CKEditor nie koncentruje się na systemie iOS podczas stukania w obszarze tekstowym

Źródło

2013-02-17 Redtopia

Ahh ... Właśnie sprawdziłem zawartość iframe i stwierdziłem, że wysokość ma tylko 1 linię wysokości ... Innymi słowy, element iframe nie ma wysokości obszaru zawartości. Aby się skupić, musisz dotknąć górnej części obszaru zawartości. Zastanawiam się, czy istnieje łatwy sposób na dostosowanie wysokości elementu iframe do wysokości obszaru zawartości. – Redtopia

Zgaduję, że dodanie html {height: 100%;} do css dla elementu iframe ckeditor może załatwić sprawę. Ale nie jestem pewien, gdzie dokonałbym tej zmiany. – Redtopia

Udało mi się zmienić wysokość elementu html z pliku css mojego edytora i zweryfikowałem, że wysokość elementu iframe ma wysokość obszaru zawartości. Ale to nie rozwiązuje problemu. Ustawienie ciała mającego minimalną wysokość 100 pikseli ułatwia skupienie edytora, ale jest to oczywiście tylko tymczasowa poprawka, która nie rozwiązuje całkowicie problemu. – Redtopia

Dodanie elementów height:100%; do HTML i BODY w pliku editor-test.css rozwiąże ten problem. kod końcowy będzie tak:

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

Źródło

2013-02-20 10:27:49 trkaplan

Efektem ubocznym wprowadzenia tej zmiany jest to, że edytor zawsze będzie miał pasek przewijania. Dzieje się tak, ponieważ zawartość elementu iframe ma margines, więc 100% plus margines będzie zawsze wyższy niż obszar wyświetlania. Moją poprawką było dodanie min-height: 250px (lub jakakolwiek była początkowa wysokość edytora, gdy jest po raz pierwszy oglądana) do elementu body. – Redtopia

Ustawiłem wysokość na 100%, ale nadal nie działa dla mnie na iPhone. jakiekolwiek inne rozwiązanie? – Faizan

Ustawiłeś to dla tagów HTML i BODY? Czy możesz wkleić swój kod do jsfiddle i udostępnić go tutaj? – trkaplan

wiem, że to jest stare pytanie, ale spotkało się z tym ostatnim.

W folderze ckeditor edytowałem plik contents.css. (IT style zawartość edytora)

W sekcji body, dodałem:

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

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

ta uwzględnia różniące niestandardowych wysokościach określonych w config.js oraz deklarację margin: 20px (co wydaje się być domyślna).

Źródło

2014-12-19 19:45:33 aljachimiak

CKEditor nie koncentruje się na systemie iOS podczas stukania w obszarze tekstowym

Odpowiedz

Powiązane problemy