2013-02-17 29 views
6

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

+0

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

+0

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

+0

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

Trả lời

2

Thêm các thành phần height:100%; vào HTMLBODY 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%; 
} 
+0

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

+0

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

+0

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

1

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).

Các vấn đề liên quan