Giải pháp WYSIWYG JavaScript tốt nhất cho một hộp cố định

Question

Tôi có một hộp chính xác 425px x 100px và tôi muốn người dùng của mình tạo kiểu hộp nội dung này bằng trình soạn thảo WYSIWYG. Họ sẽ có thể sử dụng gần như mọi HTML bên trong hộp này.

Không, tôi đang tìm trình soạn thảo WYSIWYG thích hợp, tôi đã sử dụng TinyMCE cho các loại sự cố này, nhưng tôi nghĩ tốt nhất cho văn bản liên tục dài, nhưng hiện tại tôi có một hộp cố định. Nó sẽ là tuyệt vời nếu người chỉnh sửa có thể định vị văn bản và hình ảnh tuyệt đối, vì vậy người dùng có thể định vị nội dung của họ bất cứ nơi nào họ muốn bên trong hộp này.

Answer 1

http://ckeditor.com/

tôi tìm thấy ckeditor hữu ích, có chức năng phong phú về hình ảnh hoặc văn bản, cho phép bạn cả WYSIWYG và nguồn html phương pháp định dạng, và nó cũng có sửa chữa cỡ "vải", người dùng có thể tùy chỉnh theo nhu cầu,

in màn hình sử dụng thực tế của tôi về nó,

và đây là màn hình nguồn và cuối cùng tôi đang sử dụng 800x500 kích thước cố định vải

Answer 2

http://ckeditor.com/

http://docs.cksource.com/FCKeditor_2.x/Users_Guide/Common_Tasks/Inserting_Images

Answer 3

Bạn có thể làm điều này bằng TinyMCE. Để định vị văn bản và hình ảnh, bạn cần có một css nội dung riêng (xem tinymce documentation for the configuration parameter content_css). Bạn thậm chí có thể xác định chiều rộng của đoạn văn của nội dung tinymce trong css này, giải quyết vấn đề hộp của bạn. Các css (được đặt trong file css của riêng bạn) cho vấn đề hộp của bạn sẽ trông giống như sau:

p { 
    width: 100px; 
} 

Liên quan đến chiều dài (hoặc heigth tốt hơn), bạn có thể cần phải thực hiện một plugin riêng và kiểm tra độ dài của nội dung trình chỉnh sửa ở đó. Nếu đã đạt đến độ dài đó, bạn đã xóa thư/nội dung mà người dùng vừa cố gắng chèn.

Answer 4

Một giải pháp đơn giản nhưng hiệu quả sẽ là PageDown. Nó sử dụng Markdown, vì vậy nó cho phép định dạng HTML. Tuy nhiên, PageDown bao gồm hai tập lệnh để vệ sinh nội dung của nó. Với một chút tinkering bạn có thể cho phép hoặc hạn chế các thẻ bổ sung.

Đối với vị trí, như Thariama nói, điều đó dễ dàng được kiểm soát bởi CSS của bạn, vì vậy đây không phải là vấn đề đối với trình soạn thảo WYSIWYG.

Answer 5

tùy thuộc vào nhu cầu của bạn tôi sẽ đề nghị cho nicedit. Bạn có thể có nó trong phiên bản ánh sáng quá cùng với chiều cao cố định và chiều rộng cũng có.