Menu
L’editor di testo di Elementor è uno strumento potente per la creazione di contenuti, ma molti utenti si sono imbattuti in un problema frustrante: la scomparsa dei tag p, br, e span quando si passa tra l’editor visivo e quello testuale, o quando si salva la pagina. Questo articolo esplorerà le cause di questo problema e presenterà due soluzioni pratiche per affrontarlo.
Quando si utilizza l’editor di testo di Elementor, è comune notare che i tag di formattazione come br e p scompaiono in determinate situazioni:
Questo comportamento è stato segnalato come un bug nel repository GitHub di Elementor dal 9 giugno 2020, evidenziando che il problema è legato all’uso dell’editor classico, che Elementor utilizza per il suo widget di testo. La frustrazione degli utenti deriva dal fatto che le soluzioni proposte spesso non risolvono il problema in modo efficace.
Una delle soluzioni più semplici consiste nell’aggiungere una classe ai tag HTML. Ad esempio, invece di utilizzare direttamente br e p, puoi modificare il codice in questo modo:
<br class="space">
<p class="space">Questo è un paragrafo.</p>
In questo caso, la classe “space” non deve avere alcuno stile associato. L’obiettivo è mantenere il tag intatto durante le operazioni nell’editor. Questo approccio funziona bene per contenuti semplici, ma può rendere il codice più complesso se hai una struttura HTML elaborata.
Un’altra soluzione più elegante prevede l’utilizzo di uno shortcode per gestire i ritorni a capo. Puoi aggiungere il seguente codice al file functions.php del tuo tema child o utilizzare un plugin per snippet di codice:
function line_break_shortcode() {
return '<br />';
}
add_shortcode('br', 'line_break_shortcode');
Dopo aver implementato questo codice, puoi utilizzare lo shortcode [br] al posto del tag br. Questa soluzione è particolarmente utile per chi lavora con HTML complesso, poiché semplifica la lettura del codice e lo rende più accessibile anche ai clienti non tecnici.
Sebbene nessuna delle soluzioni proposte sia perfetta, offrono dei workaround utili per affrontare il problema della scomparsa dei tag HTML nell’editor di Elementor.
Aggiungere classi ai tag o utilizzare shortcode può migliorare l’esperienza dell’utente e garantire che il contenuto rimanga formattato come previsto.
