Mantieni il formato HTML quando passi dall'editor Visual a HTML

12

Ho cercato una soluzione che mi consentisse di modificare il codice HTML e di farlo rimanere dopo il passaggio all'editor visuale e viceversa.

Ho provato un sacco di cose senza fortuna:

il plugin wp-no-format
il plug-in HTML non elaborato
inserendo tutto il mio HTML su una riga

Se solo io stessi gestendo il contenuto, disabiliterei Visual editor. Ma poiché ho un certo numero di gestori di contenuti e pagine in cui sono presenti HTML (moduli, ad esempio) e contenuti che devono modificare, questa non è un'opzione.

Eventuali suggerimenti saranno molto apprezzati.

html visual-editor formatting

— evanmcd
fonte

stai cercando di visualizzare il codice in un post / pagina

— xLRDxREVENGEx

Il codice HTML viene più comunemente visualizzato su una pagina, sì.

— evanmcd,

Ho appena aggiunto alcuni evidenziatori della sintassi più i risultati della ricerca

— xLRDxREVENGEx

L'unica soluzione che ho trovato che rispetta il codice in HTML e Visual Editor è il rawhtmlpro.com

— Sylvain Rayé,

7

So 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 plug-in che ti consente di formattare il markup html nell'editor HTML, passare avanti e indietro tra esso e la scheda Visual senza influire sul codice sorgente e apportare modifiche nella scheda Visual senza interrompere la formattazione HTML originale ...

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

Conserva anche i rientri a schede - solo 4 spazi :( - e migliora la compatibilità HTML5.

L'unica "trappola" è che disabilita wpautop. Cito un errore perché alcune persone odiano il fatto che l'editor avvolga i tag p attorno al proprio contenuto, di conseguenza l'editor Visual utilizzerà invece i tag br per i ritorni a capo, quindi potrebbe essere necessario modificare i fogli di stile.

Godere!

— Marco Papa
fonte

1

Ho aggiornato il plugin con alcune funzionalità che risolvono il problema senza wpautop. Ora l'editor visuale può essere configurato per iniettare tag p o tag br o entrambi (due nuove righe consecutive creano un tag ap.) E supporta javascript e css in linea. Nella versione 1.5, che presto verrà rilasciata supporterà anche i blocchi di codice javascript. Se vuoi che il tuo markup assomigli a come l'hai scritto, è sicuramente il plugin da usare. Nulla di ciò che ho provato si avvicina.

— Marco Papa,

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

— jackJoe,

Oggi è il 2015 e il plugin ha un aggiornamento

— Ooker il

Funziona ancora come un fascino!

— joseantgv,

2

Puoi provare questo plugin:

TinyMCE Advanced ha l'impostazione su Interrompi la rimozione dei tag <p>e <br />quando li salva e li mostra nell'editor HTML

— fad.lee
fonte

@evanmcd Hai smesso di rimuovere i tag <p> e <br /> ... funzionava?

— sam,

0

Se ci sono solo sezioni di codice che non vuoi modificare, puoi in alternativa archiviare l'HTML / embed / etc sensibile in campi personalizzati.

Usando questo plugin shortcode, potresti includere i campi personalizzati RAW all'interno di qualsiasi post, pagina o anche widget con qualcosa del tipo: [includi "il mio nome campo personalizzato"]. Può anche estrarre frammenti comuni da altri post con qualcosa come [include global = "shared_code_menu"].

È un'alternativa economica e ha dei limiti, ma è leggera e diretta.

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

— pp19dd
fonte

0

Il seguente plugin ha funzionato per me.

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

— Rijo KP
fonte

-1

Ok, quindi passiamo a una risposta ora. Vuoi qualcosa come questo

-Title-
Post di esempio

-content-
lalalalalalalalalalalala

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

Un elenco di evidenziatori della sintassi
- SyntaxHighlighter Pulsante TinyMCE
- WP SyntaxHighligter
- RBCODE
- Il risultato della ricerca da Wordpress Extend

— xLRDxREVENGEx
fonte

Hmm, onestamente non sono sicuro di cosa stai cercando di ottenere con quella risposta. Puoi spiegarci un po 'di più? Capisci la natura del problema che sto cercando di risolvere?

— evanmcd,

Ti ho chiesto se volevi mostrare l'html che hai detto di si. Questo è ciò che fa un evidenziatore di sintassi. Ora, se questo non è quello che stai cercando, mi dispiace ma è così che l'ho letto. Quindi stai cercando di utilizzare HTML personalizzato all'interno di un post per cambiare l'aspetto del post?

— xLRDxREVENGEx

Il problema che sto cercando di risolvere: 1) inserisci HTML in HTML View. 2) passa a Design View. 3) tornare alla visualizzazione HTML. L'HTML è stato modificato quando non lo voglio.

— evanmcd,

sì, ho appena capito che succede che non uso mai la vista non html, quindi non l'ho mai capito. Sto ancora cercando di capirlo

— xLRDxREVENGEx