sábado, 22 de enero de 2011

SimpleCode: escribir cómodamente código HTML en la entrada del blog


Muchas veces necesitamos escribir código HTML para explicar cómo hacer para resolver tal o cual circunstancia relacionada con los embebidos, los iframes... la edición web en general.
En este blog lo hacemos muy a menudo.
El tema es un poco complejo al tener que intercalar las etiquetas de código "normales" con las etiquetas que tienen que ser visualizadas en la entrada del blog como etiquetas, es decir, no tienen que ser interpretadas por el navegador.
Esto se puede hacer de forma manual sabiendo que tenemos que cambiar el símbolo de la etiqueta por el código de "escape".
Pero tenemos una web que nos hace todo el proceso de forma automática.



Se trata de SimpleCode.
En la primera caja escribimos el código que queremos procesar.



Pulsamos el botón Process.
Lo que se obtenga:



se selecciona, se copia, y se lleva a la entrada del blog pero desde la pestaña del código. Desde la pestaña Edición de HTML en Blogger.
Ponemos aquí el código que ha servido de ejemplo para realizar esta entrada una vez procesado por SimpleCode:

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="640" height="390"
src="http://www.youtube.com/embed/Y8wtkN5-Vok" frameborder="0" allowFullScreen>
</iframe>


Y éste es el resultado de colocar este código para su interpretación por el navegador:

Related Posts Plugin for WordPress, Blogger...