CKEditor 4.0.1 không tập trung được khi nhấn vào vùng văn bản trên iOS 6.1 Safari. Điều này xảy ra cả trên iphone và ipad (cả hai đều chạy iOS 6.1). Tôi cuối cùng có thể làm cho nó tập trung bằng cách khai thác nó nhiều lần. Đôi khi phải mất 5 lần nhấn, đôi khi phải mất 10 hoặc 15. Nếu tôi nhấp vào nút in đậm, nó sẽ tập trung ngay lập tức. Bất kỳ ý tưởng? Có cách nào để tôi chụp thủ công sự kiện nhấn và sau đó gọi một thứ gì đó sẽ tập trung vào trình chỉnh sửa không? Tôi đang sử dụng jquery.CKEditor không tập trung vào iOS khi chạm vào vùng văn bản
Trả lời
Thêm các thành phần height:100%;
vào HTML
và BODY
trong trình soạn thảo-test.css sẽ khắc phục vấn đề này. Mã cuối cùng sẽ giống như sau:
html {height:100%;}
body {
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 12px;
line-height:1.4em;
color: #333;
height:100%;
}
Tác dụng phụ của việc thay đổi đó là trình chỉnh sửa sẽ luôn có thanh cuộn. Điều này là do nội dung khung nội tuyến có lề, vì vậy 100% cộng với lợi nhuận sẽ luôn cao hơn khung nhìn. Sửa lỗi của tôi là thêm chiều cao tối thiểu: 250px (hoặc bất kể chiều cao ban đầu của trình chỉnh sửa là khi nào lần đầu tiên được xem) vào phần tử nội dung. – Redtopia
Tôi đã đặt chiều cao là 100% nhưng vẫn không hoạt động đối với tôi trên iphone. bất kỳ giải pháp nào khác? – Faizan
Bạn đã đặt nó cho cả thẻ HTML và BODY chưa? Bạn có thể dán mã của bạn vào jsfiddle và chia sẻ nó ở đây không? – trkaplan
Tôi biết đây là câu hỏi cũ nhưng tôi đã gặp phải vấn đề này gần đây.
Trong thư mục ckeditor
Tôi đã chỉnh sửa tệp contents.css
. (Nó phong cách nội dung của biên tập viên)
Trong phần body
, tôi nói thêm:
body
{
/* [other code is left as found] */
/* Add the line below */
min-height: calc(100% - 40px);
}
này sẽ đưa vào tài khoản khác nhau chiều cao tùy chỉnh theo quy định tại config.js và margin: 20px
khai (mà có vẻ là mặc định).
- 1. tập trung vào hộp văn bản
- 2. JQuery tập trung vào hộp văn bản đầu tiên hoặc văn bản khi trang tải
- 3. ngõ vào văn bản Firefox sẽ không tập trung
- 4. tinyMCE sự kiện tập trung vào văn bản?
- 5. Duy trì ngắt dòng khi dán vào vùng văn bản
- 6. Thêm văn bản vào vùng văn bản sử dụng javascript
- 7. tập trung vào một NSTextField
- 8. Tập trung vào yếu tố không đầu vào/neo?
- 9. Textarea mất tập trung vào nhấp chuột?
- 10. plugin jquery chèn văn bản vào hộp văn bản là gì và nó biến mất khi tập trung?
- 11. ACTION_CANCEL khi chạm vào
- 12. Android/iOS đầu vào tập trung khi khai thác trên trang cơ thể
- 13. Tập trung vào TextBox khi UserControl thay đổi Hiển thị
- 14. Jquery tập trung vào sự kiện
- 15. Chọn văn bản trên tập trung
- 16. Simple CSS: Văn bản sẽ không tập trung vào một nút
- 17. jquery làm thế nào để tập trung đầu vào tập trung vào kiểm soát
- 18. CSS: Hộp văn bản để điền vào vùng chứa chính
- 19. Làm cách nào để tập trung lại vào trường văn bản khi tiêu điểm bị mất trên biểu mẫu HTML?
- 20. jQuery - Tập trung vào TR
- 21. Tập trung vào mục phụ kiện NSAlert
- 22. Sao chép văn bản của Vùng đã Chọn vào clipboard
- 23. Tập trung vào TEDIT & caret
- 24. jquery ctrl + nhập như nhập vào vùng văn bản
- 25. Nối văn bản vào cuối tập tin
- 26. jquery tập trung vào tải
- 27. cách tập trung chỉnh sửa văn bản
- 28. AngularJS - Tập trung vào yếu tố đầu vào khi một hộp kiểm được nhấp vào
- 29. UITextField gặp sự cố khi chạm vào
- 30. Làm cách nào để thêm ghim đẩy vào MKMapView (IOS) khi chạm vào?
Ahh ... Tôi vừa kiểm tra iframe nội dung và thấy rằng chiều cao chỉ cao 1 dòng ... nói cách khác, khung nội tuyến không kéo dài chiều cao của khu vực nội dung. Để tập trung, bạn cần đảm bảo nhấn vào đầu của khu vực nội dung. Tôi tự hỏi nếu có một cách dễ dàng để làm cho chiều cao khung nội tuyến phù hợp với chiều cao của khu vực nội dung. – Redtopia
Tôi đoán rằng việc thêm html {height: 100%;} vào css cho iframe ckeditor có thể thực hiện thủ thuật. Nhưng tôi không chắc mình sẽ thay đổi ở đâu. – Redtopia
Tôi đã có thể thay đổi chiều cao của phần tử html từ trong tệp css khu vực biên tập của tôi và xác minh rằng chiều cao của khung nội tuyến không kéo dài chiều cao của khu vực nội dung. Nhưng điều này không giải quyết được vấn đề. Việc đặt thân máy có chiều cao tối thiểu là 100px sẽ giúp tập trung vào trình chỉnh sửa dễ dàng hơn, nhưng rõ ràng chỉ là bản sửa lỗi tạm thời mà không hoàn toàn khắc phục được sự cố. – Redtopia