2010-02-17 36 views
9

Có ai có thể giới thiệu cách tạo chế độ xem nơi người dùng có thể tải hình ảnh lên ứng dụng của tôi thông qua trình chỉnh sửa WYSIWYG không?Tải lên hình ảnh WYSIWYG trong Rails App

Tôi đã cố gắng giải quyết điều này bằng cách sử dụng CK Editor và Paperclip nhưng có rất nhiều rắc rối ... Có lẽ tôi đang đi về điều này một cách sai lầm.

Nếu ai đó làm điều này trước khi tôi thực sự muốn biết cách thực hiện! Tôi không có tùy chọn cơ chế lưu trữ hoặc trình chỉnh sửa tệp để tránh xa ...

Trả lời

7

Tất cả điều này phụ thuộc vào API tải lên tệp của WYSIWYG. Từ đó, chỉ cần xây dựng một ImageController để xử lý các yêu cầu từ API đó, sử dụng bất kỳ hệ thống nào (Paperclip là tốt) để xử lý các tệp đó trong nội bộ và bạn nên làm tốt. Bạn sẽ không tìm thấy giải pháp plug-and-play; bạn sẽ phải cuộn tay.

Bật ra, với nhiều tìm kiếm được nhắm mục tiêu hơn của Google, bạn có thể tìm giải pháp có sẵn từ trước. Here's one for TinyMCE and Rails. Bạn có thể, tuy nhiên, cuối cùng nhận thấy rằng nó không đáp ứng nhu cầu của bạn, trong trường hợp đó tôi sẽ không ngạc nhiên khi thấy rằng việc tạo ra giải pháp của riêng bạn sẽ đơn giản hơn bạn mong đợi :)

+0

Cảm ơn lời khuyên! Bạn có đề xuất bất kỳ trình soạn thảo WYSIWYG cụ thể nào không? –

+0

Tôi chỉ vừa mới làm việc với họ (tôi có khuynh hướng thích hệ thống kiểu Markdown), nhưng khi tôi đã sử dụng TinyMCE: http://tinymce.moxiecode.com/index.php - một người nào đó có thể có thêm lời khuyên nhắm mục tiêu , mặc dù :) – Matchu

+1

Tìm thấy một Rails/TinyMCE plugin; được thêm vào câu trả lời. – Matchu

0

Có một giải pháp khác cho đường ray ngoài kia:

https://github.com/spohlenz/tinymce-rails

Bạn có thể tải nó như đá quý và cấu hình nó thông qua một tập tin yml. Và nó đi kèm với một gem thêm ngôn ngữ.

+0

đá quý của spohlenz tuy nhiên không cung cấp một giải pháp tải lên hình ảnh hộp. Tuy nhiên, anh ta có một nhánh tinymce4. – Archonic

2

Bạn có thể thử Bootsy. Đó là trình soạn thảo WYSIWYG có khả năng tải lên hình ảnh. Bao gồm một trình quản lý hình ảnh (khá đơn giản).

https://github.com/volmer/bootsy

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