Je poste ce message car j'essaie d'utiliser Prism afin de coloriser du code dans une page HTML. Malgré mes essais, en suivant les instructions d'utilisation, la colorisation ne s'effectue pas.
Voici le code HTML :
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Titre de la page</title>
<link rel="stylesheet" href="style.css">
<link href="prism.css" rel="stylesheet" />
</head>
<body>
<section class="language-markup">
<h1>Apprentissage HTML5 et CSS3</h1>
<h2>Création d'un lien</h2>
<code><a href="#">Lien</a></code>
</section>
<script src="prism.js"></script>
</body>
</html>
Voici le résultat obtenu :
Auriez-vous une idée de pourquoi le code (balises) ne s'affiche pas ?
Déjà, mieux vaut encapsuler ça dans un <pre>, comme c'est suggéré.
Ensuite, "markup" n'est pas un langage dans la liste des langages supportés. Je ne suis même pas sûre que ce soit un langage tout court. Tu penses peut-être à "markdown" ?
Et enfin, qu'obtiens-tu ? As-tu des messages d'erreur dans la console de ton navigateur ? Des 404 dans l'onglet Réseau ?
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Ok, je bats ma coulpe, "markup" était bien dans la liste… mais au tout début, alors que moi j'allais chercher dans la liste alphabétique. Au temps pour moi.
> Je pensais qu'il suffisait de télécharger les fichiers CSS et JS fournis par Prism et de les intégrer à sa propre page HTML.
C'est le cas. Sauf pour le HTML et le XML puisque ça peut être interprété directement par le navigateur. C'est vraiment un cas particulier.
(juste pour info : l'article que tu cites est un article, pas une documentation, et encore moins "la" documentation en cas de doute, toujours se référer au site officiel)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
(juste pour info : l'article que tu cites est un article, pas une documentation, et encore moins "la" documentation en cas de doute, toujours se référer au site officiel)
Il est vrai qu'employer le terme "documentation" n'était pas adéquat.
Ben, comme l'a expliqué Lucky13, si tu utilises le data-src, tu laisses le <pre> vide. (par contre perso même si c'est ingénieux, on perd en fonctionnalité si JS n'est pas activé, ce pourquoi je n'aime pas trop cette technique)
Sinon, il faudra écrire en utilisant "& lt ;" et "& gt ;" (sans les espaces) pour les "<" et ">", car c'est leur présence qui fait que le navigateur interprète le bout de HTML.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
C'est justement pour éviter cela que je préfère l'inclusion proposée par l'éditeur. Et plus simple côté organisation/modification. Pour un petit script cela passe encore, après c'est un peu plus embêtant...
Dans les faits tu as raison au niveau du JS , mais je me pose souvent cette question : en 2017-18 etc.. désactiver volontairement le JS, cela représente t-il une minorité ?
Ce langage ne fait-il pas définitivement partie du front (et back maintenant) ?, le désactiver part forcément d'un besoin ou intérêt personnel. C'est finalement un choix de l'utilisateur qui connait maintenant les causes de sa désactivation...
Le second contient le bout de code que je souhaite faire afficher en colorisation syntaxique :
<a href="#" alt="">Lien</a>
Ci-dessous, ce que j'obtiens (un cadre vide) :
Avez-vous une idée d'où peut venir le problème ?
Merci
Prism : colorisation syntaxique
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)