webkit stylewithcss contenteditable không hoạt động?

Question

Tôi đang cố sử dụng contenteditable và styleWithCss.

Dường như nó không hoạt động trong webkit.

Bất cứ khi nào tôi sử dụng thực hiện lệnh execCommand, nó sẽ tạo ra một <b> thay vì khoảng tôi mong đợi.

Dưới đây là một bản demo: http://jsbin.com/izomo/2/edit

Chọn một phần của văn bản, nhấp vào nút đậm, và xem ra html.

Đây có phải là lỗi hoặc tôi đang làm điều gì sai.

Cảm ơn bạn rất nhiều.

Answer 1

Dường như mọi thứ đều hoạt động như dự định. Xem Bug 13490 trên WebKit BugZilla.

EDIT: Hỗ trợ styleWithCSS được bổ sung vào nguồn WebKit trong changeset 40560, trên 03 Tháng hai 2009.

đó nói rằng, nó có vẻ như kể từ đó, không có vấn đề gì, styleWithCSS luôn thiết lập để false, trong khi trước khi thay đổi, các lệnh kiểu luôn được áp dụng với CSS, như thể styleWithCSS đã tồn tại nhưng luôn được đặt thành true.

Tôi thậm chí đã cố gắng viết lại dòng document.execCommand của bạn như sau, theo Mozilla documentation:

document.execCommand("styleWithCSS", true, null); 
document.execCommand("bold", false, null); 

Những lệnh sửa đổi vẫn làm việc trong Firefox, nhưng không phải trong hoặc Chrome 5 hoặc Safari 5 (cả trên Windows và cài đặt hôm nay).

Vì vậy, có vẻ như đây là lỗi WebKit.

Answer 2

document.execCommand("styleWithCSS", true, null); 
document.execCommand("bold", false, null); 

Answer 3

Tôi không thể làm điều này để làm việc với các lệnh trong cả hai câu trả lời ở đây. Đối với những người vẫn còn đập đầu của họ với vấn đề này là làm thế nào để có được nó để làm việc.

Chúng tôi có thể vượt qua ba giá trị để execCommand

document.execCommand(command, uiElement, value) 

Như xuất sắc trả lời Christopher chi tiết giá trị của "styleWithCSS" được thiết lập để sai theo mặc định chỉ thử:

alert(document.queryCommandState("styleWithCss")); 

Để đặt nó vào đúng, bạn cần phải vượt qua đối số thứ ba, "giá trị" là đúng. Như thế này:

document.execCommand("styleWithCSS", null, true); 

này hoạt động trong cả hai trình duyệt Firefox và Chrome