2011-01-04 44 views
13

Tôi đang tìm cách thêm trình chỉnh sửa vào ứng dụng của mình, tương tự như trình chỉnh sửa trên Stackoverflow. Tôi thực sự chỉ cần một số định dạng cơ bản (khoảng cách dòng, đậm, dấu đầu dòng, vv) và khả năng phân biệt mã (cùng kiểu với SO).Rails tốt 3 Trình soạn thảo WYSIWYG?

Bất kỳ ai biết về bất kỳ giải pháp tốt nào cho điều này?

Cảm ơn!

Trả lời

0

Bạn có thể sử dụng bất kỳ thư viện javascript WYSIWYG chung nào. Dưới đây là WMD Editor, nó hỗ trợ Markdown mà bạn có thể hiển thị từ ứng dụng Rails của mình bằng cách sử dụng Bluecloth 2.

1

Tôi chắc chắn sẽ yêu cầu bạn thử Wysihat-Engine. Nó giải quyết vấn đề của tôi về việc tìm kiếm một trình soạn thảo wysiwyg đơn giản cho ứng dụng của tôi. Liền mạch của nó, thậm chí nhiều hơn nếu bạn đang sử dụng kẹp giấy. Một wrapper của nó xung quanh 'WYSIHAT' được viết bởi 37signals.

+0

Tốt nhưng trình chỉnh sửa này có nhiều vấn đề, cũng rất khó tùy chỉnh. – fivetwentysix

+2

FYI, 37signals 'Wysihat phụ thuộc vào Prototype (!) Cho phép thuật của nó. Trừ khi bạn sử dụng Prototype (!), Đây không phải là trình soạn thảo Wysiwyg mà bạn đang tìm kiếm. –

2

tôi đề nghị sử dụng tinyMCE

của nó đơn giản để sử dụng, những gì bạn phải làm chỉ cần thêm <%= f.text_area :body, :rows => 20, :cols => 100, value: @some_object.body ? @some_object.body : '' %>

Và sử dụng kịch bản nội tuyến này trên trang đó bản thân:

<script type="text/javascript"> 
    tinyMCE.init({ 
    mode: 'textareas', 
    theme: 'advanced', 
    theme_advanced_toolbar_location : "top", 
    theme_advanced_buttons1 : "bold,italic,underline,separator,justifyleft,justifycenter,justifyright, justifyfull,forecolor,backcolor,formatselect,fontselect,fontsizeselect, link,unlink, image" 
    }); 
</script> 

Như đề cập đến chỉ cần định dạng cơ bản của bạn vì vậy chỉ cần thay đổi theme_advanced_buttons.

+0

Một cách đơn giản hơn nữa để thực hiện điều đó với tinyMCE là sử dụng đá quý https://github.com/spohlenz/tinymce-rails – fotanus

6

tinyMCE, NicEdit, WYMeditorRedactor là các tùy chọn có thể. StackOverflow chính nó sử dụng WMD Editor, nhưng thật khó để tìm một kho lưu trữ cập nhật cho nó. Nếu bạn sử dụng khung công tác Bootstrap của Twitter, thì bootstrap-wysihtml5 là một lựa chọn tốt.

Đối với TinyMCE có các đá quý Ruby phù hợp, tạo thuận lợi cho việc tích hợp trong Rails, cụ thể là tinymce-railstinymce-rails-imageupload.

CKEditor, cựu FCKeditor, là một trong những trình soạn thảo WYSIWYG phổ biến nhất.

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