CKEditor 4.0.1 non riesce a mettere a fuoco quando si tocca nell'area di testo su iOS 6.1 Safari. Questo accade sia su iphone che su ipad (entrambi con iOS 6.1). Alla fine riesco a focalizzarlo toccandolo più volte. A volte occorrono 5 tocchi, a volte occorrono 10 o 15. Se faccio clic sul pulsante in grassetto, si concentra immediatamente. Qualche idea? C'è un modo per me di catturare manualmente l'evento tap e quindi chiamare qualcosa che focalizzerà l'editor? Sto usando jquery.CKEditor non si concentra su iOS quando si tocca nell'area di testo
risposta
L'aggiunta di elementi height:100%;
a HTML
e BODY
in editor-test.css risolverà questo problema. codice finale sarà simile a questo:
html {height:100%;}
body {
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 12px;
line-height:1.4em;
color: #333;
height:100%;
}
L'effetto collaterale di tale modifica è che l'editor avrà sempre una barra di scorrimento. Questo perché il contenuto di iframe ha un margine, quindi il 100% più il margine sarà sempre più alto del viewport. La mia correzione era aggiungere min-height: 250px (o qualunque sia l'altezza iniziale dell'editor è quando viene visualizzato per la prima volta) nell'elemento body. – Redtopia
Ho impostato l'altezza al 100% ma ancora non funziona per me su iphone. qualche altra soluzione? – Faizan
Lo hai impostato per i tag HTML e BODY? Puoi incollare il tuo codice su jsfiddle e condividerlo qui? – trkaplan
So che questa è una vecchia questione, ma mi sono imbattuto contro questo di recente.
Nella cartella ckeditor
ho modificato il file contents.css
. (stili essa il contenuto del redattore)
Nella sezione body
, ho aggiunto:
body
{
/* [other code is left as found] */
/* Add the line below */
min-height: calc(100% - 40px);
}
Questo tiene conto delle diverse altezze personalizzati definiti in config.js e il margin: 20px
di dichiarazione (che sembra essere di default).
- 1. Posizionamento fisso/assoluto trascurato in iOS quando si concentra sull'input
- 2. CKEditor - Non si presenta
- 3. Rimuovi la vista quando si tocca all'esterno
- 4. Come si concentra un campo di testo HTML su un iPhone (causando l'arrivo della tastiera)?
- 5. Scorrere verso l'alto quando si tocca la barra di stato
- 6. Visual Studio 2012 si concentra sul riquadro di progettazione
- 7. Android Webview non si concentra sui suoi elementi
- 8. ingresso Android/iOS concentrata quando si tocca il corpo della pagina
- 9. Perché questo div/img non si concentra in IE8?
- 10. Perché HTML5 si concentra così tanto su Javascript?
- 11. splendore quando si tocca lo schermo in Android?
- 12. JQuery si concentra sulla prima casella di testo o area di testo quando la pagina viene caricata
- 13. iPhone seleziona un tasto Shift quando si concentra su un campo di input HTML. Come disattivarlo?
- 14. Avviare l'app per Android quando si tocca un collegamento su SMS
- 15. Tutte le UITableCell spariscono quando si tocca UITableView in iOS 7
- 16. Android Rimuovi tastiera morbida quando si tocca la listview
- 17. Come correggere la tastiera offset quando si tocca UISearchbar
- 18. android Come aprire l'ultima attività quando si tocca la notifica
- 19. Area bianca su sfondo fisso quando si scorre su ios
- 20. Scorri un div quando ci si concentra su un div interno
- 21. Documenti che non si caricano su iCloud quando si usano i cicli For - iOS
- 22. Errore quando si utilizza un indice di testo su Mongodb
- 23. CKEditor aggiunge paragrafi vuoti quando si applica uno stile
- 24. setCanceledOnTouchOutside non funziona Quando si tocca proprio vicino alla finestra al di fuori
- 25. UIPopoverController si muove stranamente su iOS 7 quando appare la tastiera
- 26. Quando si concentra EditText in ListView o RecyclerView, la tastiera mostra ma scorre non funziona
- 27. UIIMagePickerController si arresta in modo anomalo quando si chiude su iPad ios 6.0
- 28. iOS KeychainItemWrapper non si aggiorna
- 29. UITableView non si ricarica correttamente su iOS 7.1
- 30. Annulla tocco UIButton mentre lo si tocca
Ahh ... Ho appena ispezionato il contenuto iframe e ho trovato che l'altezza è alta solo 1 linea ... in altre parole, l'iframe non copre l'altezza dell'area del contenuto. Per mettere a fuoco, è necessario assicurarsi di toccare nella parte superiore dell'area del contenuto. Mi chiedo se c'è un modo semplice per far sì che l'altezza dell'iframe corrisponda all'altezza dell'area del contenuto. – Redtopia
Immagino che aggiungere html {height: 100%;} al css per l'iframe del ckeditor possa fare il trucco. Ma non sono sicuro di dove avrei apportato quel cambiamento. – Redtopia
Sono riuscito a modificare l'altezza dell'elemento html dal file css dell'area editor e ho verificato che l'altezza dell'iframe occupasse l'altezza dell'area del contenuto. Ma questo non risolve il problema. Impostare il corpo per avere un'altezza minima di 100 px rende più semplice mettere a fuoco l'editor, ma è ovviamente solo una correzione temporanea che non risolve completamente il problema. – Redtopia