7

Tôi nghe nói HTML5 mới sẽ thêm khả năng văn bản đa dạng vào textareas (nó sẽ làm cho chúng linh hoạt hơn), vì vậy bạn có thể thực hiện các công cụ như cú pháp mã làm nổi bật biên tập viên mà không gặp khó khăn javascript (như tạo iframe đồ đạc).HTML5 giàu văn bản bên trong textarea

Điều này có đúng không? Có trình duyệt nào hỗ trợ cho nó chưa? Và tôi có thể tìm thấy một số API ở đâu?

+0

Tôi không có bầy văn bản đa dạng bên trong vùng văn bản (nhưng tôi cũng chưa xem), nhưng bạn có thể muốn xem xét thuộc tính 'contenteditable'. – Petah

Trả lời

3

Bạn đã nghe nói ở đâu? Nhìn vào W3Schools > HTML5 > textarea Tôi không thể thấy bất cứ điều gì gợi ý điều này là đúng.

Sửa: bổ sung thêm các liên kết do ý kiến ​​của những người không thích w3schools

Thậm chí tho nó về cơ bản được điều tương tự vào thời điểm này, đây là liên kết để W3.org cho wiki textarea, cũng như spec cho văn bản. Ngoài ra, đây là tài liệu có differences của html 4 và 5 kể từ ngày 29 tháng 3 năm 2012

+7

http://www.w3fools.com – AlienWebguy

+0

http://aspektas.com/blog/w3fools-a-foolish-attack-on-w3schoolscom/ – MilkyWayJoe

+2

@MilkyWayJoe Cách w3schools trình bày thông tin của nó chỉ là đáng ghét. Một liên kết đến đặc tả thực tế và thông tin không chính thức sẽ tốt hơn. – Snuffleupagus

3

Tôi tin rằng những gì bạn đang đề cập đến là thuộc tính contentEditable mới. Đây không phải là một vùng văn bản, mà là một thuộc tính phần tử. Điều này là tốt cho phép thay đổi nội dung.

Cố ý http://html5demos.com/contenteditable

trình duyệt của bạn có thể không cung cấp cho bạn các thanh công cụ với đậm, in nghiêng, vv Tuy nhiên, chrome sẽ cho phép bạn chọn văn bản và sử dụng CTR-B, CTR-I, vv Những điều là vẫn đang được giải quyết với điều này.

Về cơ bản, đó là công việc đang được tiến hành và đặt cược tốt nhất của bạn cho tính tương thích của trình duyệt là sử dụng trình chỉnh sửa wysiwyg như tinymce et al.

+1

thuộc tính có thể chỉnh sửa có vẻ được hỗ trợ bởi tất cả các trình duyệt bao gồm cả IE cũ nên không phải là một tính năng HTML5. Một bài viết hay: http://html5doctor.com/the-contenteditable-attribute/ Nhiều năm làm HTML và tôi không biết sự tồn tại của nó .... :( – cancerbero

+0

Wow, tôi cũng ngạc nhiên như bạn vậy. làm cho tôi nhìn vào lịch sử của nó: http://blog.whatwg.org/the-road-to-html-5-contenteditable –

5

Bạn đang tìm kiếm Aloha Editor?

Sử dụng thuộc tính contenteditable mới để thêm trình chỉnh sửa WYSIWYG vào bất kỳ div nào bạn chọn.

Nhìn vào số demos.

+0

Điều này có vẻ tốt đẹp :) – MilkyWayJoe

+0

wow, trình soạn thảo tuyệt vời: D thanh công cụ thiếu rất nhiều thứ nhưng có vẻ rất hứa hẹn – Alex

+0

Vâng, bạn có thể [đóng góp] (http://aloha-editor.org/join_us.php) :-) –

3

Nếu những gì bạn nơi tìm kiếm (giống như tôi) là NO-jquery công cụ (HTML tinh khiết/CSS + cơ bản JS), sau đó một số tùy chọn tốt nhất mà tôi tìm thấy là:

  1. wysihtml5
  2. Squire
  3. ckeditor
  4. widgEditor

Tuy nhiên, tho trong danh sách trên, tất cả chuyển đổi phần tử (textarea) thành iframe, vì vậy chúng không chính xác những gì tôi đang tìm kiếm, cuối cùng tôi tìm thấy phần tử này tôn trọng phần tử gốc (div hoặc nhiều hơn), nhưng nếu bạn sử dụng textarea tạo ra một div bổ sung), cho phép phát triển ứng dụng JS thẳng thắn đầy đủ:

  1. nicedit

Hy vọng điều này sẽ giúp bạn quá!

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