jueves, 22 de julio de 2010

Escape HTML pequeño para nuestro blog

Muchas veces tenemos que incluir en un comentario códigos, los cuales si traen el signo de menor ( < ) o de mayor ( > ), no nos deja y nos aparece un error:


La solución es cambiar el signo de menor ( < ) por: &lt; y el de mayor ( > ) por: &gt;, de esa manera ya podemos publicar sin ningún error.

Hoy incorporé en mi blog, arriba de la caja comentarios un link:

Si tienes que publicar un código antes codificarlo desde acá: Escape XML.

Pueden probar y verán como abre una ventana con un codifícador, el cual al introducir un código apretando el botón "Codifique" cambiará automáticamente el signo de menor ( < ) por: &lt; y el de mayor ( > ) por: &gt;.

(Si necesitan un Escape HTML mas completo lo pueden encontrar en mi sidebar, en la página de Utilidades Varias.)

Si quieren incorporar este link en su blog lo pueden hacer del siguiente modo:

Ir a Diseño, Edición de HTML, Expandir plantillas de artilugios.

Justo arriba de </head> poner el siguiente código:
<script language="JavaScript">
//http://loseasi.blogspot.com/
//<![CDATA[
function Abrir_ventana (pagina) {
var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=450, height=390, top=35, left=270";
window.open(pagina,"",opciones);
}
//]]>
</script>

Después mas abajo buscar la caja de comentarios, será algo así:
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='260' id='comment-editor' scrolling='no' src='' width='100%'/>

Se encuentra abajo de:
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

Entre los 2 códigos, justo abajo de:
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

Poner el siguiente código:
<div style='padding:10px 0 5px 20px;width:100%;'>
Si tienes que publicar un código antes codificarlo desde acá: <a class='blank' href='javascript:Abrir_ventana(&quot;http://vku-escape-xml.blogspot.com/&quot;)'>Escape XML.</a></div>

Modificar el padding y el texto a gusto.


Guardar plantilla y ver el cambio desde una entrada.




Me han preguntado por correo unos códigos que incorpore al blog, los que voy a explicar en las proximas entradas, disculpen y tengan un poco de paciencia.

No hay comentarios:

Publicar un comentario