Przesyłanie obrazu z lokalnego na TinyMCE?

Question

Używam TinyMCE. Działa świetnie. Ale chcę funkcji w TinyMCE, gdzie użytkownik może przesłać obrazy z lokalnego pola lub z publicznych stron internetowych.

Używam Tomcat, JSP i rdzeń Java. Znalazłem kilka darmowych bibliotek stron trzecich, takich jak ibrowser, imanager, jbimages itp., Ale wszystkie z nich używają PHP, który wygląda tak, jakby nie pasował do mojego istniejącego projektu (nie znam PHP, ale próbowałem zintegrować jeden z nich w moim istniejącym projekcie nie działają i dają dziwne błędy). Naprawdę nie jestem pewien, jak mieć tę funkcję w TinyMCE (jeśli jakiś inny edytor obsługuje ją z JSP, mogę to wypróbować)?

Szukałem podobnego pytania w Internecie, ale każda trzecia strona używa PHP i używam JSP nie PHP.

Answer 1

Utrzymuję numer tinymce-rails-imageupload, który zapewnia wtyczkę do wysyłania obrazów TinyMCE z komputera użytkownika.

Teraz jest przeznaczony do używania z Railsami, ale nie powinien wymagać zbyt wielu modyfikacji do pracy z czymś innym. Lub przynajmniej możesz użyć JavaScript/HTML jako podstawy dla twojej własnej wtyczki, która jest ładnie zintegrowana z backendem Java.

Moja wtyczka również nie obsługuje przechowywania obrazów i pozostawia je do backendu. W Railsach będzie to robione z CarrierWave lub Paperclip i jestem pewien, że niektóre podobne projekty istnieją w świecie Java.

Wiem, że to nie jest samo w sobie rozwiązanie, ale może być wykorzystane jako punkt wyjścia.

Answer 2

Miałem podobny problem w moich prywatnych cms, dziś jest to wspólne cms oparte na javie.

1. Potrzebujesz i serwer, który przechowuje obrazy.
2. Musisz wyświetlić obraz na stronie internetowej.

Jesteś teraz w stanie przeciągnąć i upuścić obraz do komponentu TinyMCE. TinyMCE stanie się adresem URL obrazu w Drop i wyświetli w edytorze nowy znacznik html-img-tag.

Answer 3

Powinieneś całkowicie uniknąć tego problemu. Jeśli spojrzysz na inne popularne witryny korzystające z TinyMCE, na przykład Tumblr, to faktycznie unikają tego problemu. Integracja skryptu przesyłania z TinyMCE to dobra praca. Z drugiej strony tworzenie formularza przesyłania, nawet formularza przesyłania AJAX, nie jest zbyt trudne.

Polecam stylizację Twojego interfejsu użytkownika dla TinyMCE w sposób, który pozwala na umieszczenie innych kontrolek tuż nad TinyMCE, w tym przypadku kontrola przesyłania obrazu. Spowoduje to otwarcie standardowego okna dialogowego i pozwoli użytkownikowi przesłać obraz. Gdy to zrobisz, możesz wstrzyknąć obraz bezpośrednio do ciała. Więcej możesz użyć tego formularza do przesyłania w innym miejscu swojej witryny i nie mieć go ściśle powiązanego z TinyMCE.

Po wykonaniu wszystkich czynności, może nie być tak trudne, aby po prostu załadować ikonę przesyłania zdjęć z malutkiego okna dialogowego JavaScript do przesłania.