2012-12-21 23 views
8

Ho provato innumerevoli plugin, codificando l'HTML con le chiavi di escape e il mio sangue sta iniziando a bollire. Passare dalla modalità visuale alla modalità HTML sta effettivamente cambiando il mio contenuto, cioè distruggendolo !!!È possibile visualizzare il codice HTML in Wordpress?

+1

'

' funziona bene sul mio sito (Ho anche aggiunto un evidenziatore sintassi per permettermi di fare '
...
' –

+0

apsillers: sì hai ragione Ma. in Wordpress non funziona affatto, –

risposta

5

OK, ho capito cosa fare.

  1. Prima andare in modalità visiva.
  2. Selezionare Preformattato nel menu a discesa di formattazione. Viene creata una piccola scatola grigia.
  3. All'interno della casella grigia, copia e incolla il tuo HTML non elaborato.

Salvalo e passa da visualizzazioni visive a HTML alcune volte. Non ci dovrebbero essere maciullamenti.

è assolutamente cruciale che si incolla in scheda visiva, invece che nella scheda di testo, o si otterrà ripieni completamente (molto poco intuitivo. Si potrebbe pensare che avrebbe funzionato l'altro modo araound) .

+0

Hmm. Questo non ha funzionato per io, anche se lo ero, per essere onesti, incollare in JSX, non in html ... Per me, incollare in jsx nella scheda visuale e _then_ evidenziare e selezionare Preformattato nel menu a discesa funzionava correttamente. – sinewave440hz

3

Wordpress fa una cosa strana in cui se si passa dalla modalità visuale a quella "testo" (la modalità HTML è stata rinominata in 3.5 aggiornamento) elimina tutti i tag che appaiono vuoti, che spesso potrebbero non essere. Questo potrebbe essere ciò che stai sperimentando se sto capendo il problema correttamente.

Se si sta solo cercando di visualizzare il codice sul tuo sito web si dovrebbe essere in grado di avvolgere il codice come questo:

<code><p>Example code post</p></code> 

Questa è disposto in queste linee guida qui: http://codex.wordpress.org/Writing_Code_in_Your_Posts

Se è un blocco di codice che ha bisogno di non avvolgere si potrebbe anche utilizzare il tag "pre" in questo modo:

<pre><code><p>Example code post</p></code></pre> 

Questo è descritto molto bene qui: <code> vs <pre> vs <samp> for inline and block code snippets

+2

sì, questo funziona, ma è assolutamente CRUDIALE che lo si incolli prima nel tab Visual. Piuttosto che nella scheda di testo. Totalmente non intuitivo ... –

0

Un modo per fare è rendere il codice commentato. Qualcosa di simile,

<!--div> 
    <md-divider class="org__meta-divider md-soc-theme"></md-divider> 
    <h4 class="org__meta-heading">Technologies</h4> 
    <ul layout="" layout-wrap="" class="org__tag-container layout-wrap layout-row"> 
     <li class="organization__tag organization__tag&#45;&#45;technology">web services</li>  
    </ul> 
</div--> 

invece di

<div> 
    <md-divider class="org__meta-divider md-soc-theme"></md-divider> 
    <h4 class="org__meta-heading">Technologies</h4> 
    <ul layout="" layout-wrap="" class="org__tag-container layout-wrap layout-row"> 
     <li class="organization__tag organization__tag&#45;&#45;technology">web services</li>  
    </ul> 
</div> 
Problemi correlati