¿Te gusta esto?... Entonces que no se te olvide compartirlo ;)

Conversor de HTML a texto plano - Especialmente para XML de Blogger

El conversor de HTML a texto plano es una herramienta muy útil para parsear los códigos HTML y Javascript, en el código fuente de Blogger ciertos scripts no pueden ser utilizados porque contienen directivas que no son compatibles con el lenguaje XML pero para esto existe una solución muy simple y esa es parsear los códigos lo que popularmente se conoce como convertirlos en texto plano.


La mayoría de las personas utiliza este conversor para parsear scritps de redes sociales como Facebook, Twitter o Google Plus porque en su versión por defecto no son compatibles con la plantilla, otros lo suelen utilizar para convertir en texto plano los anuncios de AdSense, AdNow, Chikita o de cualquier otra empresa y poder implementarlos directamente en el código fuente.

Para que puedas entender cómo funciona esto te dejare un ejemplo y así podrás notar la diferencia de cuando el script de un anuncio se encuentra en su lenguaje original y cuando esta parseado:

Este es el código del anuncio original:

<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ejemplo_de_anuncio_adaptable_sin_parsear -->
<ins class="adsbygoogle" data-ad-client="ca-pub-000000000000" data-ad-format="auto" data-ad-slot="000000000" style="display: block;"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Este es el mismo código pero parseado:

&lt;script async=&quot;&quot; src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- ejemplo_de_anuncio_adaptable_parseado --&gt;
&lt;ins class=&quot;adsbygoogle&quot; data-ad-client=&quot;ca-pub-000000000000&quot; data-ad-format=&quot;auto&quot; data-ad-slot=&quot;000000000&quot; style=&quot;display: block;&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;

En el ejemplo de arriba puedes observar que se trata del mismo código, lo único que cambia es que el primero se encuentra sin estar parseado y el segundo esta convertido en texto plano, de esta forma el segundo código puede implementarse dentro del código fuente de la plantilla de un blog de Blogger.

El conversor de HTML a texto plano es útil para todos los blogueros


Como resulta muy útil para cualquier persona utilizar este conversor me decidí por implementarlo en esta entrada ya que sus usos aplican para muchas cosas, incluyendo los scripts de las redes sociales como ya lo dije anteriormente, en este caso también te dejare un ejemplo del SDK de Facebook para que puedas notar la diferencia

Este es el SKD que se obtienen de la página de Facebook Developers Plugins para los comentarios:

<div id="fb-root">
</div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.10&appId=aquí debes colocar el ID de tu APP";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Este es el mismo código pero parseado:

&lt;div id=&quot;fb-root&quot;&gt;
&lt;/div&gt;
&lt;script&gt;(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &quot;//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.10&appId=aquí debes colocar el ID de tu APP&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#039;script&#039;, &#039;facebook-jssdk&#039;));&lt;/script&gt;

Este SDK parseado es vital cuando se trata de implementar la caja de comentarios o el botón me gusta de Facebook en el blog.

El XML es un lenguaje de programación viejo pero muy bueno


Aunque el lenguaje XML que utilizan las plantillas de Blogger es viejo en comparación con el HTML5 igualmente es muy bueno y por esto Blogger lo implementa en todos los blogs que se crean en su plataforma, solo hace falta entender cómo se maneja lo cual no es nada complicado para poder modificarlo a nuestro antojo.

Por otra parte solamente algunos scripts no son compatibles con este lenguaje, de resto todos los demás si lo son; el lenguaje de estilos CSS no se ve afectado por el XML, es más pueden estar junto en la misma plantilla y uno no afecta al otro.

Conclusiones acerca del conversor a texto plano


Bueno ya para concluir debo decir que esta entrada la hice con el fin de brindarle a los blogueros una herramienta que les será muy útil, el conversor de HTML a texto plano debes utilizarlo cada vez que quieras parsear un código, también lo puedes hacer a mano pero te tardarías mucho tiempo por lo que te recomiendo usar este conversor. Espero que la entrada te haya gustado y si conoces a algún otro bloguero que necesite esto compártelo con él para que pueda tener acceso a la herramienta así como tú lo tienes ahorita, nos vemos en la siguiente entrada.
Déjanos tu comentario:
Publicar un comentario