WordPress: cum permiți tagurile iframe și codurile de încorporare în articole

Elementele de tip <iframe> reprezintă standardul prin care platforme majore precum YouTube, Vimeo, Google Maps sau rețelele sociale oferă coduri de încorporare pentru conținut multimedia extern. Cu toate acestea, mulți utilizatori de WordPress observă că, la salvarea sau comutarea între modul vizual și cel text în editor, tagurile <iframe> sau alte elemente HTML sunt eliminate automat.

Acest comportament este cauzat de filtrele de securitate ale editorului vizual TinyMCE, care curăță etichetele HTML ce nu sunt incluse în lista elementelor permise implicit.

Cum configurezi elementele permise în TinyMCE

Dacă dorești să permiți introducerea sigură a tagurilor <iframe> și <pre> direct în articole fără a fi șterse de editor, poți adăuga următorul fragment în fișierul functions.php al temei tale (sau într-o temă copil):

[php]
function extinde_elemente_permise_tinymce($initArray) {
// Definim lista de taguri și atribute acceptate
$ext = ‘pre[id|name|class|style],iframe[align|longdesc|name|width|height|frameborder|scrolling|marginheight|marginwidth|src]’;

if (isset($initArray[‘extended_valid_elements’])) {
$initArray[‘extended_valid_elements’] .= ‘,’ . $ext;
} else {
$initArray[‘extended_valid_elements’] = $ext;
}

return $initArray;
}
add_filter(‘tiny_mce_before_init’, ‘extinde_elemente_permise_tinymce’);
[/php]

Cum funcționează filtrul tiny_mce_before_init

• extended_valid_elements: instruiește TinyMCE să recunoască tagurile specificate și lista lor de atribute valide (cum ar fi src, width, height sau frameborder);
• Păstrarea atributelor la salvare: editorul nu va mai elimina sau modifica codul iframe la trecerea între modul vizual și cel cod sursă;
• Flexibilitate extinsă: poți adăuga în același șir și alte taguri necesare proiectului tău, precum elemente audio sau video personalizate.

După salvarea modificărilor în functions.php, vei putea insera fără probleme orice cod de încorporare iframe în conținutul postărilor.