Insertar código fuente en una web

Hace tiempo que quería encontrar una forma "decente" de postear código fuente. Ésto incluye 2 cosas: 1 - que esté coloreado, 2 - que no se salga de los márgenes de la página del post.

Buscando por ahi, media solución la encontré en "casa".

1: colorear el cógido

Luego de buscar varias soluciones online para subir el código y que me devolviese el html "coloreado", encontre que nuestro queridisimo Vim ya trae esta función!..

Como ejemplo, un simple script en bash

Presionar "Esc" y escribir (sin comillas) ":TOhtml" y "Enter"

se dividirá la ventana de vim, con el código fuente formateado para html:

1b. Limpiar el código html.
- eliminar las primeras 9 líneas (desde " <!DOCTYPE..", hasta "<br>").
- eliminar las primeras 9 líneas ("<br>",</font></body> y "</html>"
- reemplazar "</font><br>" por "</font>" (para evitar dobles líneas en blanco)
en vim: "Esc" y escribir ":%s/nt><br>/nt>/g"

2. Insertar el código
con éste código, se encierra el código (y ocupo el mismo código para poner el código :)


<div style="border: 1px solid gray; margin: 20px 0px 10px; padding: 1px 4px; overflow: auto; line-height: 12pt; background-color: rgb(100, 100, 100); width: 97.5%; max-height: 200px; cursor: text;font-family:consolas,'Courier New',courier,monospace;font-size:8pt;">
<div style="padding: 0px; overflow: visible; border-bottom-style: none; line-height: 12pt; border-right-style: none; background-color: rgb(255, 255, 255); width: 100%; border-top-style: none;font-family:consolas,'Courier New',courier,monospace;font-size:8pt;color:black;">

<pre>
Insertar código fuente exportado desde Vim aqui!!!
</pre>
</div>
</div>



#!/bin/bash
 contador=0
while [ $contador -lt 10 ]; do
echo The counter is $contador
let contador=contador+1

done