18 septiembre 2019

Añadir código colorido

Quería poder publicar ejemplos de código de forma visual, para que se vea igual que en un editor de código y copiarlo si fuera necesario. Buscando por internet he encontrado Prismjs, un resaltador de sintaxis ligero y extensible, creado teniendo en cuenta los estándares web modernos.

Una vez descargado e instalado sólo hay convertir el código para html, por ejemplo con esta web: wordtohtml.net

One of three columns
One of three columns
One of three columns
<!-- <pre><code class="language-html"> -->
<div class="d-flex p-4 bg-primary text-white">
    <div class="col-sm">
      One of three columns
    </div>
    <div class="col-sm">
      One of three columns
    </div>
    <div class="col-sm">
      One of three columns
    </div>
 </div>
<!-- </code></pre> -->