Caricamento immagine dal locale in TinyMCE?

Question

Sto usando TinyMCE. Funziona alla grande. Ma voglio la funzionalità di TinyMCE in cui un utente può caricare le immagini dalla casella locale o dai siti Web pubblici.

Sto utilizzando Tomcat, JSP e Java principale. Ho trovato un paio di librerie di terze parti gratuite come ibrowser, imanager, jbimages ecc. Ma tutte usano PHP che non si adatta al mio progetto esistente (non conosco PHP ma ho provato ad integrarne una nel mio progetto esistente non funzionano e danno alcuni strani errori). Davvero non sono sicuro di come avere questa funzione in TinyMCE (se qualche altro editor la supporta con JSP posso provarla)?

Ho cercato una domanda simile su Internet, ma ogni terza parte utilizza PHP e sto usando JSP non PHP.

Answer 1

Sto mantenendo tinymce-rails-imageupload, che fornisce un plug-in per consentire a TinyMCE di caricare immagini dal computer dell'utente.

Ora, questo è pensato per essere utilizzato con Rails, ma non dovrebbe richiedere troppe modifiche per funzionare con qualcos'altro. O per lo meno, è possibile utilizzare JavaScript/HTML come base per il proprio plugin che si integra bene con un backend Java.

Il mio plugin inoltre non gestisce la memorizzazione delle immagini e lo lascia fino al back-end. In Rails, questo sarebbe fatto con CarrierWave o Paperclip, e sono sicuro che alcuni progetti simili esistono nel mondo Java.

So che questa non è davvero una soluzione di per sé, ma si spera possa essere utilizzata come punto di partenza.

Answer 2

Ho avuto un problema simile nel mio cms privato, oggi è un comune cms basato su Java.

1. È necessario un server che mantenga le immagini.
2. È necessario visualizzare l'immagine nel sito Web.

Ora è possibile trascinare l'immagine nel componente TinyMCE. TinyMCE diventerà l'URL dell'immagine su Drop e mostrerà un nuovo tag html-img nell'editor.

Answer 3

Si dovrebbe evitare questo problema tutti insieme in realtà. Se guardi ad altri siti popolari che usano TinyMCE, come Tumblr per esempio, in realtà evitano il problema. Integrare uno script di caricamento con TinyMCE è una buona quantità di lavoro. D'altra parte la creazione di un modulo di caricamento, anche di un modulo di caricamento AJAX, non è TROPPO difficile.

Consiglierei di mettere a punto l'interfaccia utente per TinyMCE in un modo che consenta di posizionare altri controlli direttamente sopra TinyMCE, in questo caso un controllo immagine di caricamento. Questo aprirà solo alcune finestre standard e permetterà all'utente di caricare un'immagine. Una volta fatto, puoi iniettare l'immagine direttamente nel corpo. Più su di te puoi utilizzare questo modulo di caricamento altrove nel tuo sito e non farlo abbinare strettamente a TinyMCE.

Una volta che hai finito, potrebbe non essere così difficile avere solo l'icona di caricamento delle immagini da piccola per eseguire la finestra di dialogo di caricamento di JavaScript.