Abilitare il tag iframe e altri tag vietati nell’editor di WordPress

TinyMCE è l’editor di testo che utilizzate quando scrivete articoli sul vostro sito in WordPress. Tra i vari compiti di questo editor c’è anche la pulizia del codice HTML, e questo è un bene altrimenti un articolo potrebbe “rompere” la grafica di un sito o addirittura comprometterne la sicurezza.

Recentemente ho dovuto rispondere a una richiesta di questo tipo, l’esigenza era molto semplice e mi fornisce lo spunto per spiegarvi come aggiungere il supporto di TinyMCE ai tag non supportati.

Per sapere se un tag è supportato dal vostro sito WordPress basterà provare ad utilizzarlo, quindi accedendo all’editor del vostro sito per modificare o inserire un nuovo articolo, passate alla modalità Testo e scrivete il codice:

<div>UNO</div>

<daniele>DUE</daniele>

Ovviamente il tag daniele non è un tag standard dell’HTML, per questo motivo non è sicuramente tra quelli supportati. Se a questo punto passate alla modalità Visuale e poi nuovamente alla modalità Testo noterete un cambiamento:

<div>UNO</div>

DUE

Cosa è accaduto? I tag non riconosciuti dall’editor vengono eliminati.

Come risolvere il problema?

Possiamo facilmente aggiungere altri tag all’elenco di quelli accettati, basta scrivere un po’ di codice all’interno del file functions.php del tema che stiamo usando.

add_filter('tiny_mce_before_init', 'aggiungi_tag');
function aggiungi_tag($settings) {
    $settings["extended_valid_elements"] = "daniele[id|class|style|name]";
    return $settings;
};

Il codice qui sopra abiliterà l’uso del tag daniele e per questo tag consentirà tutta una serie di attributi, elencati tra le parentesi quadre e separati da un pipe |.

Ma a me serve il tag iFrame, che me ne faccio del tag “daniele”?

A questo punto dovreste essere in grado di aggiungere al vostro editor di WordPress tutti i tag che vi servono, basterà modificare leggermente il codice di qui sopra.

Ma…

Se vi serve solo il supporto per il tag iFrame, e se volete aiutare questo blog, o se non avete voglia di mettere mano al codice, oppure se preferite un plugin da installare facile facile che funzioni anche dopo che avrete cambiato tema utilizzate il pulsante qui sotto per scaricare il plugin bello, pronto, testato e funzionante:

Inserisci nome e indirizzo email per iscriverti alla mia newsletter e ricevere il file immediatamente.
In breve: i dati inseriti in questo modulo saranno utilizzati per inviarti il link per scaricare il file che desideri, saranno conservati da un servizio esterno che si chiama MailChimp e in qualsiasi momento potrai cancellare la tua iscrizione al seguente link: https://danielealessandra.us7.list-manage.com/unsubscribe?u=546bebc381e525372d2120083&id=326af7d230.

Puoi leggere l'informativa completa cliccando sul link Privacy Policy che trovi dovunque su questa pagina, e comunque visitando in qualsiasi momento l'indirizzo https://www.danielealessandra.com/privacy-policy/
Ho letto e accetto l’informativa sulla privacy.

Per richieste, ringraziamenti e insulti, utilizzate i commenti qui sotto.

Potrebbero interessarti anche...

5 Risposte

  1. Giuseppe Vitale ha detto:

    Io ho aggiunto e attivato il plugin al mio blog che ha la versione 4.5.2 di WordPress e purtroppo non funziona :( Che posso fare?

    • Daniele Alessandra ha detto:

      Ciao Giuseppe, mi dispiace che non stia funzionando. Vediamo di capire perché…
      Puoi spiegarmi i passaggi per riprodurre l’errore?

      • Giuseppe Vitale ha detto:

        Ho capito e risolto il problema! In realtà il tuo plugin funziona benissimo. Solo che io ho installato nel mio browser Chrome l’estensione uBlock che tengo per evitare la miriade di popup e tutte le pubblicità indesiderate. Essa però quando inserivo il tag iframe nel codice dei post che scrivo nel mio blog con l’editor di WordPress impediva le necessarie comunicazioni con il server a cui il codice nell’iframe fa riferimento. mi è bastato sospendere l’estensione per il mio sito per far funzionare tutto per bene. Grazie Daniele! ;)

  2. Pino ha detto:

    Salve, ma su wordpress.com è possibile fare qualcosa? essendo che plugin i non sono compatibili

    • Daniele Alessandra ha detto:

      Ciao Pino, grazie per aver letto il mio articolo.
      Come sai wordpress.com è un servizio per blogger basato su CMS WordPress, ha numerosi limiti tra cui l’impossibilità di installare temi e plugin a piacere.
      Se la tua necessità è limitata a un singolo caso puoi provare a inserire il tuo HTML disattivando l’editor wysiwyg, dovresti essere in grado di far passare qualsiasi tag senza validazione.
      Ti consiglio comunque di passare da wordpress.com a un’installazione autonoma di WordPress.
      Buon lavoro.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.