2012-10-21 23 views
8

Tôi đang sử dụng TinyMCE. Nó hoạt động tuyệt vời. Nhưng tôi muốn các tính năng trong TinyMCE, nơi một người dùng có thể tải lên các hình ảnh từ hộp địa phương/hoặc từ các trang web công cộng.Tải hình ảnh từ địa phương lên TinyMCE?

Tôi đang sử dụng Tomcat, JSP và Java lõi. Tôi tìm thấy một vài thư viện của bên thứ ba miễn phí như ibrowser, imanager, jbimages vv nhưng tất cả chúng sử dụng PHP trông giống như không phù hợp với dự án hiện tại của tôi (Tôi không biết PHP nhưng tôi đã cố gắng tích hợp một trong các dự án này trong dự án hiện có của mình) họ không làm việc và đưa ra một số lỗi lạ). Thực sự tôi không chắc chắn làm thế nào để có tính năng này trong TinyMCE (nếu một số trình soạn thảo khác hỗ trợ nó với JSPs tôi có thể thử điều đó)?

Tôi đã tìm câu hỏi tương tự trên internet, nhưng mọi bên thứ ba đều sử dụng PHP và tôi đang sử dụng JSP không phải PHP.

+0

Bạn có thể viết một 'plugin' cho tinymce hoạt động với javascript và sử dụng trang tải lên hình ảnh để tải nội dung lên. Hãy nghĩ về nó như thế này: tất cả những gì bạn phải làm là viết một plugin như thế nào SO, để tải lên imgur, bằng JavaScript. Tôi có thể phát triển một, nhưng máy chủ lưu trữ hình ảnh nào sử dụng? : | Tuy nhiên tôi đang bắt đầu một tiền thưởng, bởi vì điều này có thể rất hữu ích cho tôi quá! :) – Prasanth

Trả lời

7

Tôi đang duy trì tinymce-rails-imageupload, cung cấp plugin để cho phép TinyMCE tải lên hình ảnh từ máy người dùng.

Bây giờ, điều này có nghĩa là để được sử dụng với Rails, nhưng nó không đòi hỏi quá nhiều sửa đổi để làm việc với cái gì khác. Hoặc ít nhất, bạn có thể sử dụng JavaScript/HTML làm cơ sở cho plugin của riêng bạn, tích hợp độc đáo với chương trình phụ trợ Java.

Plugin của tôi cũng không xử lý lưu trữ hình ảnh và để phần đó lên phần phụ trợ. Trong Rails, điều này sẽ được thực hiện với CarrierWave hoặc Paperclip và tôi chắc chắn rằng một số dự án tương tự tồn tại trong thế giới Java.

Tôi biết điều này thực sự không phải là giải pháp, nhưng hy vọng nó có thể được sử dụng như một điểm khởi đầu.

-1

tôi đã gặp sự cố tương tự trong cm riêng tư của mình, hôm nay là một cm dựa trên java phổ biến.

  1. Bạn cần một Máy chủ vẫn giữ hình ảnh.
  2. Bạn phải hiển thị hình ảnh trong trang web.

Bây giờ bạn có thể kéo thả hình ảnh vào thành phần TinyMCE. TinyMCE sẽ trở thành URL của hình ảnh trên Drop và sẽ hiển thị thẻ html-img mới trong trình chỉnh sửa.

6

Bạn nên tránh sự cố này cùng nhau. Nếu bạn nhìn vào một số trang web phổ biến khác sử dụng TinyMCE, như Tumblr chẳng hạn, chúng thực sự tránh được vấn đề. Tích hợp một tập lệnh tải lên với TinyMCE là một số lượng công việc tốt. Mặt khác, tạo biểu mẫu tải lên, ngay cả biểu mẫu tải lên AJAX, không quá khó.

Tôi khuyên bạn nên tạo kiểu cho giao diện người dùng cho TinyMCE theo cách cho phép bạn đặt các điều khiển khác ngay trên TinyMCE, trong trường hợp này là điều khiển hình ảnh tải lên. Điều này sẽ chỉ mở ra một số hộp thoại tiêu chuẩn và cho phép người dùng tải lên một hình ảnh. Một khi điều này được thực hiện, bạn có thể tiêm hình ảnh trực tiếp vào cơ thể. Hơn thế nữa, bạn có thể sử dụng biểu mẫu tải lên này ở nơi khác trên trang web của bạn và không được kết hợp chặt chẽ với TinyMCE.

Khi bạn đã hoàn tất, có thể không khó để chỉ có biểu tượng tải lên hình ảnh từ nhỏ thực thi hộp thoại JavaScript tải lên của bạn.