X-rayHTML

X-rayHTML fonctionne de la manière suivante. Le développeur ajoute un bloc de code à la page et il passe au plugin. X-rayHTML va créer un conteneur dans lequel le code est exécuté et les résultats sont affichés. Avec le résultat final, un bouton "voir la source" est ajoutée aussi bien, qui, lorsqu'il est poussé révèle le code qui a rendu le résultat.

Comme vous pouvez le dire, X-rayHTML peut être vraiment utile pour le codage des tutoriels et des sites de documentation, ce qui permet aux développeurs d'intégrer facilement les extraits de code sur leurs sites sans avoir à créer, pages de démonstration distinctes spécialisées.

X-rayHTML est également mieux par rapport à la façon native d'incorporer des aperçus de code car il fonctionne avec un seul bloc de code au lieu de deux. (L'aperçu et le & # x3C; pré & # X3e; bloc de code lui-même)

Cela rend le code beaucoup plus facile à maintenir et à mettre à jour, sans avoir deux soucis sur la modification de deux blocs de code à chaque fois.

X-rayHTML peut également mettre en évidence le code source via Prism , afficher les panneaux de source / de démonstration en utilisant une animation flip, et également ajouter la possibilité de copier le code dans le presse-papiers du système d'exploitation via ZeroClipboard .

Une démo est inclus avec le package de téléchargement

Ce qui est nouveau dans cette version:.

• Première version.

Ce qui est nouveau dans la version 0.1.0:.

• Première version

Exigences :

• JavaScript côté client
• jQuery