¿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.
Usamos cookies propias y de terceros que recogen datos sobre sus h谩bitos de navegaci贸n. Si contin煤a navegando se considerar谩 que acepta su uso. OK M谩s informaci贸n aqu铆