Mantenere il formato HTML quando si passa dall'editor Visuale all'editor HTML

Question

Mantenere il formato HTML quando si passa dall'editor Visuale all'editor HTML

13 mag 2011, 06:37:33

Visualizzazioni: 30.7K

Voti: 13

Ho cercato una soluzione che mi permetta di modificare il codice HTML e mantenerlo intatto dopo il passaggio all'editor Visuale e viceversa.

Ho provato diverse soluzioni senza successo:

il plugin wp-no-format
il plugin Raw HTML
inserire tutto l'HTML su una singola riga

Se fossi l'unico a gestire i contenuti, disabiliterei l'editor Visuale. Ma dato che ho diversi gestori di contenuti e pagine che contengono HTML (moduli, per esempio) e contenuti che devono modificare, questa non è un'opzione praticabile.

Qualsiasi suggerimento sarà molto apprezzato.

evanmcd

259

html editor visuale formattazione

Commenti

stai cercando di visualizzare il codice in un post/pagina

xLRDxREVENGEx

13 mag 2011 06:49:49

Il codice HTML viene comunemente visualizzato in una pagina, sì.

evanmcd

13 mag 2011 07:05:49

ho appena aggiunto alcuni evidenziatori di sintassi più i risultati di ricerca

xLRDxREVENGEx

13 mag 2011 07:35:40

L'unica soluzione che ho trovato e che rispetta il codice sia nella visualizzazione HTML che nell'Editor Visuale è http://rawhtmlpro.com

Sylvain Rayé

27 mar 2013 01:40:55

Tutte le risposte alla domanda

Commenti

Ho aggiornato il plugin con alcune funzionalità che risolvono il problema del no wpautop. Ora l'editor visivo può essere configurato per iniettare tag p o tag br o entrambi (due nuove righe consecutive creano un tag p). E supporta javascript e css inline. Nella versione 1.5, che verrà rilasciata a breve, supporterà anche i blocchi di codice javascript. Se vuoi che il tuo markup appaia esattamente come l'hai scritto, questo è decisamente il plugin da usare. Niente di ciò che ho provato si avvicina.

Marcus Pope

1 set 2012 00:51:06

Grazie mille, questa è l'unica soluzione che ho trovato che fa sì che l'editor visivo (dopo il salvataggio) non modifichi l'HTML.

jackJoe

22 apr 2015 14:40:26

Oggi è il 2015, e il plugin ha un aggiornamento

Ooker

9 set 2015 07:37:19

Funziona ancora perfettamente!

joseantgv

20 feb 2019 16:34:40

Puoi provare questi plugin:

TinyMCE Advanced ha un'impostazione per Fermare la rimozione dei tag <p> e <br /> durante il salvataggio e mostrarli nell'editor HTML

fad.lee

61

20 lug 2011 08:55:14

Commenti

@evanmcd Ha funzionato Stop removing the <p> and <br /> tags…?

sam

2 nov 2013 21:50:15

Se ci sono solo sezioni di codice che non vuoi vengano modificate, potresti alternativamente memorizzare quel contenuto sensibile (HTML, embed, ecc.) in campi personalizzati.

Utilizzando questo plugin shortcode, potresti includere i campi personalizzati così come sono all'interno di qualsiasi articolo, pagina o persino widget con qualcosa come: [include "nome campo personalizzato"]. Può anche estrarre frammenti comuni da altri articoli con qualcosa come [include global="codice_condiviso_menu"].

È un'alternativa economica con delle limitazioni, ma è leggera e diretta.

http://pp19dd.com/wordpress-plugin-include-custom-field/

pp19dd

151

1 nov 2011 15:41:01

Il seguente plugin ha funzionato per me.

https://wordpress.org/plugins/embedit-pro/

Rijo

341

3 nov 2015 11:48:01

Aggiungi questo al tuo functions.php

/**
 * Corregge la sanificazione di TinyMCE per consentire elementi HTML aggiuntivi
 */
function wp_tiny_mce_sanitize_fix( $init )
{
    // Permetti attributi aggiuntivi per div, article, span e p
    $init['extended_valid_elements'] = 'div[*], article[*], span[*], p[*]';
    // Non rimuovere i line break
    $init['remove_linebreaks'] = false;
    // Converti le nuove righe in tag <br>
    $init['convert_newlines_to_brs'] = true;
    // Non rimuovere i tag <br> ridondanti
    $init['remove_redundant_brs'] = false;
    return $init;
}
// Aggiungi il filtro per TinyMCE
add_filter( 'tiny_mce_before_init', 'wp_tiny_mce_sanitize_fix' );

user205324

1

23 apr 2021 01:56:49

Ok, ora passiamo alla risposta. Vuoi qualcosa del genere?

-Titolo-
Post di esempio

-Contenuto-
lalalalalalalalalalalala

<div><a href="blah.com">Blah</a></div>

Una lista di evidenziatori di sintassi
- Pulsante SyntaxHighlighter per TinyMCE
- WP SyntaxHighligter
- RBCODE
- Risultato della ricerca da Wordpress Extend

xLRDxREVENGEx

1.2K

13 mag 2011 07:22:08

Commenti

Mmh, onestamente non sono sicuro di cosa tu stia cercando di dire con quella risposta. Puoi spiegarti un po' meglio? Capisci la natura del problema che sto cercando di risolvere?

evanmcd

14 mag 2011 15:48:11

Ho chiesto se volevi mostrare l'html e hai detto di sì. Questo è esattamente ciò che fa un syntax highlighter. Se non è quello che stavi cercando, mi dispiace ma è così che ho interpretato la tua richiesta. Quindi stai cercando di usare html personalizzato all'interno di un post per cambiarne l'aspetto?

xLRDxREVENGEx

14 mag 2011 18:39:09

Il problema che sto cercando di risolvere: 1) inserire HTML nella Vista HTML. 2) passare alla Vista Design. 3) tornare alla Vista HTML. L'HTML è stato modificato quando non voglio che lo sia.

evanmcd

17 mag 2011 04:28:55

sì, mi sono appena reso conto che succede, non uso mai la vista non html quindi non me ne ero mai accorto. Sto ancora cercando di capirlo

xLRDxREVENGEx

17 mag 2011 09:21:31

Marcus Pope 261 · Accepted Answer · 2012-04-13T01:07:54Z

Capisco esattamente come ti senti, e purtroppo questo problema è radicato nel codice core di WordPress, non in TinyMCE o a causa di problemi di compatibilità del browser. Ho scritto un plugin che ti permette di formattare il markup HTML nell'editor HTML, passare avanti e indietro tra questo e la scheda Visuale senza influenzare il codice sorgente, e apportare modifiche nella scheda Visuale senza rompere la formattazione HTML originale...

http://wordpress.org/extend/plugins/preserved-html-editor-markup/

Preserva anche i rientri a tabulazione - solo 4 spazi :( - e migliora la compatibilità con HTML5.

L'unico "inconveniente" è che disabilita wpautop. Metto "inconveniente" tra virgolette perché alcune persone odiano che l'editor avvolga i tag p attorno al loro contenuto, di conseguenza l'editor Visuale utilizzerà tag br per i ritorni a capo - quindi potresti dover modificare i tuoi fogli di stile.

Buon utilizzo!