2010-08-01 33 views
6

Tôi đang sử dụng các thẻ div contentEditable trên trang web của mình và tôi đã nhận thấy có vấn đề lạ khi sử dụng Firefox.Nội dung FirefoxCác vấn đề tập trung div có thể chỉnh sửa

Dưới đây là ví dụ mã nguồn:

<html> 
    <head> 
    </head> 
    <body> 
    <div contentEditable="true" style="margin-left:auto; 
     margin-right:auto; height:200px; width:200px; border-style:solid; 
     border-color:black; border-width:1px;"></div> 
    </body> 
</html> 

Dưới đây là các bước để tái tạo.

  1. contentEditable có tập trung và con trỏ nhấp nháy trong div, nhưng không có văn bản trong div
  2. người dùng nhấp chuột vào contentEditable div
  3. div vẫn thể hiện tập trung, nhưng có hiện không có con trỏ nhấp nháy và người dùng không thể nhập dữ liệu nhập vào div

Tôi có lại đã tạo ra lỗi này với Firefox 3.6.3 trên Ubuntu và Firefox 3.5 trên Windows XP. Nó không xảy ra với Chrome.

Bất kỳ ý tưởng nào về lý do tại sao điều này đang xảy ra và phải làm gì để khắc phục sự cố?

CHỈNH SỬA: Một công việc có thể xung quanh có thể là đặt thủ công vị trí con trỏ. Có ai biết cách để làm điều này không? Tôi đã tìm kiếm trực tuyến, nhưng nó không giống như bất cứ điều gì W3 được hỗ trợ.

Cảm ơn!

+0

Nghe giống như lỗi Firefox. Bạn nên báo cáo điều này cho Mozilla. – You

+0

Bạn không nên * báo cáo cho Mozilla vì 3.6.3 không giả vờ về việc tuân thủ đầy đủ HTML5 và cũng không phải là phiên bản mới nhất. Trước hết, hãy thử cập nhật cài đặt Firefox của bạn. P.S. Bạn có '' ở đầu tệp của mình không? – cbednarski

+0

Không chắc chắn bạn đang cố gắng làm gì, bạn đang tạo một 'MẪU ĐƠN '? –

Trả lời

3

Tôi đã sửa lỗi bằng cách sử dụng UTF "Không gian rộng 0". Trong PHP, đó là thoát đúp quote sau:

"\ xE2 \ x80 \ x8B"

Sau đó bạn có thể thoát khỏi nó bằng cách sử: trim ($ string, "\ xE2 \ x80 \ x8B ")

Khi ký tự ẩn này được tải sẵn trong div có thể chỉnh sửa, lỗi này sẽ biến mất.

tôi sử dụng UTF-8 mã hóa cho trang web của tôi và cũng có tập tin nguồn (và cơ sở dữ liệu ... tất cả mọi thứ)

1

Đã xảy ra với tôi, đôi khi nó hoạt động, đôi khi không. chắc chắn là một lỗi tôi muốn nói. bạn có thể thử chèn một ký tự ẩn, dường như nó bắt đầu nhấp nháy khi có một số văn bản.

2

Chỉ cần thêm một &nbsp; vào <div>.

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