Je souhaite afficher les caractères de code sur une page HTML. Mais peu importe ce que j'essaie, il rend toujours les caractères HTML. pre ou code ne fonctionne pas. Comment puis-je faire ceci?Comment imprimer du code au format HTML
La balise <xmp> ne nécessite pas l'échappement du contenu.
par exemple:
<xmp>
<p>Blah </p>
</xmp>
... ressemblera à ceci sur votre écran:
<p>Blah </p>
+1 C'est déconseillé, mais il est si facile à utiliser ... Spécialement pour les tests/débogages c'est la meilleure façon, je pense. J'espère que cela sera encore valide !! – bluish
Vous devez utiliser character references au lieu des caractères simples eux-mêmes:
<code><HTML></code>
Les éléments code et pre sont juste pour marquer le contenu comme le code ou préformaté.
En leur échappant.
& imprimera &
< imprimera >
Vous n'avez pas mentionné ce que vous utilisez pour générer le code HTML, si vous modifiez manuellement, certains éditeurs ont des options pour échapper à une sélection. Si vous utilisez un langage, recherchez une fonction qui échappe aux caractères spéciaux html. (google pour savoir comment échapper html dans language-name-here)
Rechercher une fonction d'encodage HTML dans votre langue.
string s = HtmlEncode(myInput);
response.write(s)
ou similaire
Depuis tag est maintenant dépréciée: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/xmp
Vous pouvez utiliser PHP pour convertir les balises HTML:
<code> <?php print htmlentities('<p>Blah</p>'); ?> </code>
Télécharger tinymce De
https://www.tinymce.com/download/
<html>
<head>
<script src='tinymce/js/tinymce.min.js'></script>
<script>
tinymce.init({
selector: '#myTextarea',
height: 300,
width:800,
theme: 'modern',
plugins: [
'advlist autolink lists link image charmap print preview hr anchor pagebreak',
'searchreplace wordcount visualblocks visualchars code fullscreen',
'insertdatetime media nonbreaking save table contextmenu directionality',
'emoticons template paste textcolor colorpicker textpattern imagetools'
],
toolbar1: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
toolbar2: 'print preview media | forecolor backcolor emoticons',
image_advtab: true
});
</script>
</head>
<body>
<textarea name="myTextarea" id="myTextarea" rows="4" cols="50">Hello Ashish</textarea>
<input type='submit' value='save'/>
</body>
</html>
"caractères de code"? Peux-tu être plus précis? –