He probado innumerables complementos, codificando HTML con teclas de escape, y mi sangre comienza a hervir. ¡Cambiar entre el modo Visual y HTML en realidad está cambiando mi contenido, es decir, destruyéndolo!
Oliver Watkins
Bien, ya descubrí qué hacer.
- Primero entra en modo visual.
- Seleccione Preformateado en el menú desplegable de formato. Se crea un pequeño cuadro gris.
- Dentro del cuadro gris, copia y pega tu código HTML sin procesar.
Guárdelo y cambie de vistas visuales a HTML varias veces. No debe haber manipulación.
ES ABSOLUTAMENTE CRUCIAL que pegas en pestaña visualen lugar de en la pestaña de texto, o se llenará por completo (muy poco intuitivo. Uno pensaría que funcionaría al revés).
-
Mmm. Esto no funcionó del todo para mí, aunque, para ser justos, estaba pegando en JSX, no en html… Para mí, pegando el jsx en la pestaña visual y después Resaltar y seleccionar Preformateado en el menú desplegable funcionó bien.
– onda sinusoidal 440hz
31 de mayo de 2017 a las 19:22
ross edman
WordPress hace algo extraño en el que, si cambia entre el modo visual y el de “texto” (el modo HTML cambió de nombre en la actualización 3.5), elimina las etiquetas que aparecen vacías, lo que a menudo puede no estarlo. Esto podría ser lo que está experimentando si entiendo el problema correctamente.
Si solo está tratando de mostrar el código en su sitio web, debería poder envolver el código de esta manera:
<code><p>Example code post</p></code>
Esto se establece en estas pautas aquí: http://codex.wordpress.org/Writing_Code_in_Your_Posts
Si es un bloque de código que no necesita ajustarse, también puede usar la etiqueta “pre” de esta manera:
<pre><code><p>Example code post</p></code></pre>
Esto se describe muy bien aquí: vs
vs para fragmentos de código en línea y en bloque
-
si esto funciona Pero es absolutamente CRUCIAL que primero lo pegue en la pestaña Visual. En lugar de en la pestaña de texto. Totalmente poco intuitivo...–Oliver Watkins13 dic 2015 a las 15:30
Sí, es absolutamente posible. Puede seguir cualquiera de los métodos mencionados anteriormente. Prefiero la siguiente forma.
En primer lugar, decodifique el código HTML utilizando el decodificador html en línea. Puedes encontrar cualquiera en google. Luego, puede pegar el código decodificado en su publicación. El beneficio de este método es que, su sangría no se perderá
Espero que ayude al futuro lector a encontrar una manera.
Miguel
WordPress tiene muchos errores. Me tomó mucho tiempo finalmente tener éxito. Para mi WordPress.org instalado en mi PC, probé: ir al modo visual, agregar un bloque de texto preformateado, copiar/pegar decodificado o codificado. Lo intenté :
<pre><code><p>Example code post</p></code></pre>
Eso no funcionó.
La única forma en que funciona para mí es:
Vaya a visual, en lugar de agregar un bloque de texto con formato previo, creo un bloque de texto de párrafo, copio / pego el HTMl codificado y luego lo convierto a formato previo.
Espero que ayude.
Tal vez, deberías probar este complemento
http://wordpress.org/extend/plugins/insert-html-snippet/
¡Espero que esto ayude!
Thiloshon Nagarajah
Una forma de hacerlo es comentar el código. Algo como,
<!--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--technology">web services</li>
</ul>
</div-->
en vez de
<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--technology">web services</li>
</ul>
</div>
<pre></pre>
funciona muy bien en mi sitio (también agregué un resaltador de sintaxis para permitirme hacer<pre class="html">...</pre>
– Brad Christie
21 de diciembre de 2012 a las 14:33
apsillers: sí, tienes razón. Pero en WordPress no funciona en absoluto.
–Oliver Watkins
21 de diciembre de 2012 a las 14:52