Gần đây tôi đã bỏ lỡ contenteditable trong một trang web và bị kích thích khi tôi cần đặt một số lượng lớn các thẻ span với nó (tôi đã sử dụng JavaScript để thực hiện). Nếu chỉ tôi có thể đặt thông qua CSS ...Tại sao nội dung có thể chỉnh sửa không phải là kiểu?
Có ai biết lý do đằng sau lý do tại sao contenteditable được thiết kế như một thuộc tính chứ không phải là một kiểu không?
Hầu hết mọi người đều cho rằng contentEditable xác định hành vi, thay vì kiểu (đúng là đúng).
WebKit có thuộc tính CSS tương tự như contentEditable: -webkit-user-modify.
Khả năng để người dùng chỉnh sửa một số nội dung hoặc không phải là điều cần làm với bản trình bày.
kiểu là tùy chọn; bạn có thể (theo lý thuyết) hiển thị mọi trang không có CSS và nó vẫn hoạt động tốt. Trên thực tế, đó là điều mà nhiều trình duyệt chỉ có văn bản hoặc trình duyệt chỉ âm thanh thực hiện.
contentEditable thay đổi hành vi của các phần tử. Trình duyệt không sử dụng kiểu, nhưng diễn giải JavaScript, vẫn nên được hưởng lợi từ thuộc tính.
thử
span {
-webkit-user-modify: read-write;
-moz-user-modify: read-write;
user-modify: read-write;
}
nó làm việc trên trình duyệt Firefox, Chrome. Bạn có thể tìm thêm thông tin về user-modify
https://jsfiddle.net/dhL3oLwk/ – Squirrl
Nó phù hợp với tôi –
bạn có thể đặt một 'div' xung quanh các nhịp và cho rằng' div' 'contentEditable', vì' contentEditable' được kế thừa tất cả các đuôi cũng có thể chỉnh sửa được. – Bazzz
Tôi không muốn chỉnh sửa 'tràn' bên ngoài mỗi phần tử span. – Vanwaril
Để sử dụng contentEditable bạn * cần * javascript để đọc lại nội dung đã chỉnh sửa, vì vậy tôi không hiểu tại sao nó làm phiền bạn sử dụng nó để cho phép chỉnh sửa. – AlfonsoML