Una mejor forma de mostrar ejemplos JavaScript con jQuery

BetterExamples.js es un pequeño plugin diseñado para jQuery para mejorar la experiencia a la hora de mostrar ejemplos desarrollados en JavaScript, funciona perfectamente en Chrome, Firefox, Opera e Internet Explorer 9.

Este simple, pero potente plugin, es muy útil para sitios que desean mostrar snippets JavaScript a la vez que permiten su ejecución directamente desde el código de ejemplo. En definitiva es una forma muy simple de organizar el código y hacerlo funcional, algo que de otra manera no sería tan sencillo.

Modo de uso:

Mostramos el código y le asignamos una div para mostrar el resultado:

<pre class='input' id='input1'>somecode</pre>
<div class='output' id='output1'/></div>

Inicializamos el plugin:

$(function() {
	example = new BetterExample("#input1", "#output1");
	example.run();
});

Este fantástico plugin esta liberado bajo licencia Creative Commons BY-SA 3.0.

Web: BetterExamples.js