Prettify

Aperçu

Responsable de projet : Paul Jackson (@pjackson28)

Mise en oeuvre

1. Appliquer class="wet-boew-prettify" à un élément sur la page pour charger le composant (une fois par page).
2. Appliquer class="prettyprint" à un élément pre ou code pour appliquer la mise en surbrillance de syntaxe. Comme alternative utiliser class="wet-boew-prettify all-pre" pour appliquer la mise en surbrillance de syntaxe à tous les éléments pre sur la page.
3. Appliquer class="linenums" à un élément pre ou code pour ajouter les nombres de ligne. Comme alternative utiliser class="wet-boew-prettify linenums" à tous les éléments pre applicables. Spécifier le nombre commençant en ajoutant linenums:# avant linenums.
4. Ajouter le soutien supplémentaire de langage de programmation avec class="wet-boew-prettify lang-*" (p. ex., class="wet-boew-prettify lang-css") et en ajoutant class="lang-*" à chaque élément pre ou code applicable.

Exemples

• Exemples en anglais
• Exemples en français

Développement

Prettify est dépendent sur google-code-prettify (licence Apache 2.0).

Le code pour prettify se trouve à plusieurs endroits dans le répertoire source de la BOEW :

• js/workers/prettify.js - contient le code JavaScript pour prettify
• js/sass/prettify.scss - contient le CSS pour prettify
• js/dependencies/prettify.js - fichier script principal pour google-code-prettify

Problèmes connus

Il n’existe actuellement aucun problème connu.

Historique des versions

• prettify.js
• prettify.scss
• prettify.js (google-code-prettify)

Références

• google-code-prettify