Plugin Code
Résolu
faurest
Messages postés
39
Date d'inscription
Statut
Membre
Dernière intervention
-
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je possede un site de cours en ligne et j'aimerais que les gens puissent distinguer le code voir meme le copier un peu comme sur OpenClassrooms ou le code est affiché sur un fond noir et ou on peut le copier ;) J'aimerais donc savoir si il existait un site,plugin,script ou autre permettant une telle chose.
Merci
Je possede un site de cours en ligne et j'aimerais que les gens puissent distinguer le code voir meme le copier un peu comme sur OpenClassrooms ou le code est affiché sur un fond noir et ou on peut le copier ;) J'aimerais donc savoir si il existait un site,plugin,script ou autre permettant une telle chose.
Merci
A voir également:
- Plugin Code
- Code ascii - Guide
- Code puk bloqué - Guide
- Code activation windows 10 - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code blocks - Télécharger - Langages
2 réponses
Bonjour,
Utilisez GESHI:
http://geshi.org/
C'est ce que j'utilise sur mon site:
https://html5.immo-scope.com/article/
Vous pouvez colorer syntaxiquement tout type de code. Exemple pour le HTML:
Dans une même page web avec plusieurs fragments de code source, vous pouvez surligner syntaxiquement chaque code séparément. exemple pour du css:
A+
Utilisez GESHI:
http://geshi.org/
C'est ce que j'utilise sur mon site:
https://html5.immo-scope.com/article/
Vous pouvez colorer syntaxiquement tout type de code. Exemple pour le HTML:
<?php
$str = <<<EOT
<figure>
<img src="imageExemple.jpg"/>
<figcaption>l'apéro</figcaption>
</figure>
EOT;
echo $Common->sourceForView($str, 'html5');
Dans une même page web avec plusieurs fragments de code source, vous pouvez surligner syntaxiquement chaque code séparément. exemple pour du css:
<?php
$str = <<<EOT
figure {
display: block;
float: right;
width: 200px;
text-align: center;
margin: 0px;
padding: 4px;
border: 1px solid #cfcfcf;
}
figure img {
width: 100%;
margin: 0px;
padding: 0px;
}
figure figcation {
font-style: italic;
}
EOT;
echo $Common->sourceForView($str, 'css');
?>
A+
Bonjour,
la fonction de surligner - copier - coller est le plus simple et accessible à tous le monde.
Qu'entend tu par "distinguer le code" ?
la fonction de surligner - copier - coller est le plus simple et accessible à tous le monde.
Qu'entend tu par "distinguer le code" ?
pour le coté bloc séparé, fond de couleur noir et police (lucida console je crois), c'est du CSS
pour le coté couleur, ca peut s'attribuer "à la main", par des <span> spécifique avec une class CSS propre (c'est long et un peu galère)
ou par un template spécifique, mais là c'est trop compliqué à expliquer sur un post de forum
perso, je te conseil de designer ton bloc contenant le code, mais de laisser le code en mono couleur. En collant le code sur leur éditeur de code, tes visiteurs auront leur coloration syntaxique donc pas besoin de le faire à leur place.
pour le coté couleur, ca peut s'attribuer "à la main", par des <span> spécifique avec une class CSS propre (c'est long et un peu galère)
ou par un template spécifique, mais là c'est trop compliqué à expliquer sur un post de forum
perso, je te conseil de designer ton bloc contenant le code, mais de laisser le code en mono couleur. En collant le code sur leur éditeur de code, tes visiteurs auront leur coloration syntaxique donc pas besoin de le faire à leur place.
