Tìm kiếm trình soạn thảo HTML tại chỗ dựa trên jQuery

Question

Tôi vừa mới chuyển sang http://plugins.jquery.com/search/node/editor - nhiều và rất nhiều lựa chọn - và nếu đánh giá theo ngày, nhiều dịch vụ mới . Tôi hy vọng ai đó có thể giúp tôi thu hẹp lĩnh vực theo những ưu tiên ...

• ổn định & tốt được hình thành XHTML (có thể tranh luận chống lại một số trong những gần đây nhất trừ khi họ là sửa đổi với một track- rõ ràng ghi)
• chỉnh sửa Inplace
• tích hợp AJAX Tốt
• Đối với việc sử dụng/admin/CMS nội bộ để nó có thể được như cồng kềnh như nó cần phải được miễn là nó rất dễ dàng để thực hiện những điều cơ bản:
  • đậm
  • nghiêng
  • indents
  • danh sách

Không cần cho các bảng nhưng Dropdowns cho thấy selectors CSS có liên quan sẽ được tốt đẹp.

Cảm ơn.

Answer 1

Thu hẹp xuống danh sách các lựa chọn: một số các biên tập jQuery dựa trên tốt hơn phù hợp với ít nhất là hầu hết các điểm như mong muốn của bạn dường như là:

• Jeditable - rất linh hoạt
• WYMeditor - phổ biến với CMS
• uEditor - sạch và đơn giản, nhưng không phải tại chỗ
• IPWEditor - sử dụng TinyMCE hoặc FCKeditor :(

Answer 2

Tôi biết rằng bạn đang tìm kiếm trình soạn thảo văn bản phong phú dựa trên jquery. Nhưng cái tôi sẽ gợi ý dựa trên nguyên mẫu. Nó được gọi là WYSIHAT, một dự án mã nguồn mở của nhóm 37signals. Bạn có thể nói rằng nó là một khuôn khổ cho các biên tập viên WYSIWYG. Tại sao bạn chọn nó? Đơn giản, dễ dàng tùy biến, XHTML được hình thành tốt và ofcourse Tích hợp AJAX tốt. Bạn có vô số trình chỉnh sửa văn bản đa dạng thức khác nhưng tất cả đều không dễ dàng tùy chỉnh. Tôi nói như vậy coz của thực tế là bạn sẽ có rắc rối lớn thay đổi bộ "widget" được cung cấp bởi các biên tập viên để một cái gì đó theo ý thích của bạn. Và nếu có mã xấu ở bất cứ nơi nào thì nó là một PITA để khắc phục các tiêu chuẩn nghèo của mã hóa bởi nhà phát triển.

Vì bạn thực sự không quan tâm đến sự to lớn tôi nghi ngờ sử dụng nguyên mẫu cùng với jquery sẽ là một rắc rối lớn. Nó sẽ là một lựa chọn xấu để sử dụng cả hai nếu nó không được sử dụng nội bộ/admin/CMS. Nhưng vì mục tiêu chính của bạn là "đơn giản", WYSIHAT đến để giải cứu bạn. Nó cung cấp cho bạn một nền tảng mà trên đó bạn có thể xây dựng trình soạn thảo văn bản phong phú của bạn.

Nguồn:

37Signals: Introducing WYSIHAT. An eventually better open-source WYSIWYG Editor.

Nếu bạn đang phát triển CMS trong Ruby-on-Rails sau đó bạn đang ở trong một điều trị:

Một WYSIHAT Rails động cơ:

http://www.80beans.com/2009/10/01/wysihat-engine/

http://github.com/80beans/wysihat-engine

hướng dẫn WYSIHat:

Setting up WysiHAT. A Tutorial. Part 1:

Setting up WysiHAT. A Tutorial. Part 2:

Một thanh công cụ tiên tiến cho WysiHat:

http://github.com/80beans/wysihat-advanced-toolbar

Đây là tài liệu API:

http://josh.github.com/wysihat/wysihat/wysihat/commands.html

Nhân tiện .. Tệp WYSIHat js sau khi rút gọn chỉ là 6kb. nhỏ hơn 1000 lần so với TinyMCE.

Answer 3

Nó không phải là một plugin jQuery, nhưng TinyMCE chắc chắn là đáng xem và nó plays nicely with jQuery. Nó có một cộng đồng tuyệt vời và rất nhiều plugin. Theo như tôi có thể nói nó đáp ứng tất cả các yêu cầu của bạn.

Answer 4

Tôi chỉ muốn cung cấp cho bạn một số thông tin về yêu cầu này ...

XHTML Vâng-hình thành

Hầu hết các biên tập viên nội tuyến dựa JavaScript sử dụng "contentEditable" để mở một tài liệu để chỉnh sửa. Điều này dựa trên trình duyệt để tạo HTML hoặc XHTML được yêu cầu dựa trên một loạt lệnh và dựa trên người dùng nhấp và nhập. Vì vậy, rất có thể bạn sẽ thấy một biến thể trong việc triển khai dựa trên trình duyệt - mà không đề cập đến bất kỳ tên nào, một trình duyệt sẽ cung cấp cho bạn tất cả các thẻ chữ hoa, có thể không đóng tất cả các thẻ đúng cách, v.v. Vì vậy, lưu ý, trình duyệt mà bạn sử dụng sẽ ảnh hưởng đến các tính năng và đầu ra nếu trình chỉnh sửa sử dụng trình duyệt để tạo HTML (X).