Je suis à la recherche d'une bonne syntaxe surligneur pour mon site qui utilise PHP & MySQL et Jquery. Un surligneur de syntaxe qui ne laisse pas le code se chevaucher mais permet à l'utilisateur de faire défiler comme ici sur stackoverflow.Qu'est-ce qu'un bon surligneur de syntaxe?
Absolument tout le code source de PHP surligneurs basé sur la bibliothèque Geshi http://qbnz.com/highlighter/
Vous pouvez faire des blocs de code « laissez pas le chevauchement de code, mais permet à l'utilisateur de faire défiler » en ajoutant CSS overflow : auto;
Aussi bon moyen est de utiliser des surligneurs de code JavaScript basé sur le code qui mettent en lumière côté client http://alexgorbatchev.com/SyntaxHighlighter/ ou http://softwaremaniacs.org/soft/highlight/en/
le défilement est juste une propriété CSS de ce que le code est - quelque chose comme ...
max-height: 600px;
overflow: auto;
(L'attribut overflow indique au navigateur d'utiliser les barres de défilement, l'max-height il dit à quel point la barre de défilement vertical devrait botter.)
Quant à hilighting, jetez un oeil à google-code-prettify.
Je suis nitpicky. Je sais ça. Ne le prenez pas personnellement. overflow: auto indique au conteneur d'utiliser les barres de défilement SI il en a besoin pour s'adapter au contenu. Si le contenu correspond, aucune barre de défilement ne s'affiche. –
@Surreal, oui. Je n'ai jamais dit qu'il les utilisait toujours. :) – Amber
Désolé, aurait dû laisser seul. Votre réponse a été bonne sans ma sélection. –
Syntaxe Highligter a pinceaux pour php, sql, js, etc how-to for blog
Si vous cherchez un essai de solution côté client: alexgorbatchev.com/SyntaxHighlighter/
ou
deux d'entre eux ont un support pour sql, javascript et php
En ce qui concerne le recouvrement, vous pouvez ajouter un parent div et jouer avec le CSS pour personnaliser le comportement
S'il vous plaît vérifier Prettify GC Syntaxe surligneur. Mais comme décrit dans Here, vous devrez peut-être faire quelques petites modifications au fichier CSS du plugin.
Le problème de "chevauchement" ne serait-il pas corrigé en définissant le CSS 'overflow: auto;' sur la div contenant le code source formaté? – PleaseStand