Inicio > Software > Como escribir código de programación en página web incluyendo colores de reglas de sintáxis

Como escribir código de programación en página web incluyendo colores de reglas de sintáxis

CodeHTMLer

Creo que si se abrán dado cuenta, hace unos post atrás estuve copiando la imagén de algún código que desarrollaba en VB.net, o sino está copiado pero en formato blanco y negro y en cursiva. Pero ahora esto ya no será así, encontré un programita web que me transforma el codigo de VB.net, C#, C++, Java, Javacript, XML, Powershell y F# en formato html, con el fín de que salgan con sus respectivos colores, los cuales indican las reglas de sintáxis del lenguaje deseado. Es de gran utilidad ya que no tendremos que estar insertando colores a cada una de las palabras reservadas si lo copiamos en un post, bastará con copiar el codigo html que nos genere.

El programa se llama CodeHTMLer y su enlace esta aquí.

En el ejemplo de la imágen, el código html que nos generará, será así:

<pre><span style=’ color: Gray;’>/// &lt;summary&gt;</span>
<span style=’ color: Gray;’>/// Summary description for Main.</span>
<span style=’ color: Gray;’>/// &lt;/summary&gt;</span>
<span style=’ color: Blue;’>static</span> <span style=’ color: Blue;’>void</span> Main(<span style=’ color: Blue;’>string</span>[] args)
{
<span style=’ color: Green;’>// string variable</span>
<span style=’ color: Blue;’>string</span> myString = <span style=’ color: Maroon;’>”myString”</span>;

<span style=’ color: Green;’>/* integer
variable */</span>
<span style=’ color: Blue;’>int</span> myInt = <span style=’ color: Maroon;’>2</span>;
}
</pre>

  1. mayo 19, 2013 a las 7:20 pm

    Great blog here! Also your web site loads up fast! What host are
    you using? Can I get your affiliate link to your host?
    I wish my site loaded up as quickly as yours lol

  1. octubre 23, 2014 a las 1:10 am
  2. junio 4, 2016 a las 8:54 am

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: