miércoles, 23 de diciembre de 2020

Colorear código fuente en una página HTML

Siento verguenza al ver la forma como se muestra el código fuente en la anotación sobre las multas de tránsito. Pero ya me he reivindicado en la anotación sobre la calculadora cientifica en donde se muestra el código fuente de una manera más estética y profesional.

Para colorear el código fuente se ha usado la información del sitio web: https://www.tecnoblog.guru/2015/02/resalta-el-codigo-fuente-de-tu-web.html

En la sección HEAD del documento HTML agregar la siguiente línea. (En el caso de blog hay que ir y modificar el código HTML del Tema).

<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js?autoload=true&amp;skin=sunburst" defer="defer"></script>

Luego, es necesario incluir el código a resaltar dentro de la etiqueta PRE

<pre class="prettyprint">
Este es el código fuente a colorear
</pre>

Algo importante: hay que reemplazar todos los < por &lt; y los > por &gt; para no tener inconvenientes en la visualización.

La plantilla que se muestra es: sunburst pero hay otras: default, sons-of-obsidian, desert y doxy.

No hay comentarios.:

Publicar un comentario