Pregunta

Mi cofundador está pidiendo actualmente en nuestro blog un widget de código incrustable.

http: // devver.net/blog/2008/10/someone-please-build-an-awesome-embeddable-code-widget/

Básicamente queremos algo como http://pastie.org/ o http://codepad.org/ pero realmente queremos insertar la sección de códigos en nuestro blog. Sabemos que hay complementos para blogs comunes y soluciones del lado del servidor, pero sería genial poder incrustar un pequeño javascript y tener un código bien formateado en cualquier lugar ...

¿Existe algo como esto? ¿Lo hemos perdido?

¿Fue útil?

Solución 2

Un usuario señaló un complemento de WordPress que usa Gist para hacer exactamente lo que pedíamos ...

http://pomoti.com/gist-it-english

Incluso si no usa el complemento, parece que una característica de Gist le permite incrustar el código en cualquier lugar que desee en la web. http://gist.github.com

Se ve muy dulce. Gracias a Dirceu Jr.

Otros consejos

Creo que quieres un resaltador de sintaxis de JavaScript

A veces sigues pensando en las palabras clave incorrectas ;-)

Consulte CodeRay y UltraViolet . Ambos son bastante buenos y fáciles de usar.

Utilizo un resaltador incluido en Dojo (adaptado de highlight.js de Ivan Sagalaev). Todo lo que necesita hacer es incluir algunas líneas de código en el encabezado de su página web (una etiqueta de script que apunte a AOL o Google, un enlace a CSS alojado por AOL o Google, y un script trivial para solicitar el resaltado) y agregar < pre > < código lang = " javascript " > bloques con fragmentos preformateados & # 8212; se encontrarán y resaltarán automáticamente.

Por supuesto, se admiten varios idiomas, así como adivinar automáticamente el idioma de su fragmento. Si el usuario desactivó JavaScript, se degradará con gracia.

Otro buen punto de esta solución: no es necesario alojar ningún archivo, no es necesario configurar servidores, no es necesario generar HTML dinámicamente, se puede usar con cualquier cosa & # 8212; incluso el archivo estático se resaltará muy bien.

Puede ver ejemplos en pruebas oficiales: test_highlight.html , test_pygments.html . Este es el ejemplo de fragmentos en mi sitio web: el artículo con varios fragmentos de código resaltados & # 8212; mire en el encabezado de esta página para ver cómo se puede incluir el marcador directamente desde AOL.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top