Gestione e inserimento immagini e link con TinyMCE

Chi ha provato ad usare l’editor Tinymce si sarà sicuramente trovato a combattere contro una grande pecca di questa piattaforma javascript, ovvero la metodologia di inserimento immagini nel testo.

 

Si è vero che è presente un tasto per inserire il link, ma essendo Tiny scritto in javascript, quindi lato client, non ci da la possibilità di caricare l’immagine desiderata sul server qualora non fosse presente, e spesso le persone per cui creiamo i siti non sono in grado di gestire questa situazione. Una soluzione semplice a questo problema potrebbe essere quella di dotare la versione amministrativa del sito di un apposito bottone che permetta di caricare l’immagine interessata sul server, e tramite un alert fornisca il percorso esatto da inserire nel campo campo url richiesto dall’editor Tiny. Ma proprio ieri mi sono imbattuto in un altro fastidioso problema: nel momento in cui si salva, l’editor aggiunge una serie di backslash anche li dove non andrebbero; credo sia un bug dovuto ad un eccesso di zelo: nell’eventualità che un utente inserisca delle virgolette per indicare qualcosa in particolare, hanno fatto in modo che quando si incontrano virgolette vengano aggiunti i backslash. Dunque il campo src del tag IMG risultava del tipo \”url\” e l’immagine non veniva riconosciuta. Ma la soluzione a questo problema è facile. basta “filtrare” il testo da visualizzare con la funzione stripslashes di php, che elimina i backslash di una stringa. Dai vari test che ho fatto sembra che la funzione elimina questi caratteri solo se inseriti all’interno delle parentesi uncinate, e funziona anche nel caso di inserimento di link.

Un ringraziamento speciale a Random che mi ha aiutato in questa soluzione;