Avec jQuery :
$(document).ready(function() {
$('iframe').each(function(index,item) {
if($(item).attr('src').match(/(https?:)?\/\/www.youtube.com/)) {
var w=$(item).attr('width');
var h=$(item).attr('height');
var ar = h/w*100;
ar=ar.toFixed(2);
$(item).css('position','absolute');
$(item).css('top','0');
$(item).css('left','0');
$(item).css('width','100%');
$(item).css('height','100%');
$(item).css('max-width',w+'px');
$(item).css('max-height', h+'px');
$(item).wrap('<div style="max-width: '+w+'px; margin: 0 auto; padding: 0;"></div>');
$(item).wrap('<div style="position: relative; padding-bottom: '+ar+'%; height: 0; overflow: hidden;"></div>');
}
});
});
permet de dessiner des diagrammes en mode texte via un éditeur web bien sympathique.
Pour documenter les codes sources.
documentation en ligne qui rassemblent plusieurs langages php / js / html / css.
Pratique, rapide, simple, auto hébergeable !?