Affichage du fichier HTML dans un div

Question

Est-il possible d'afficher un fichier html dans un élément div ??

Answer 1

Si vous souhaitez afficher le code source, effectuez une requête ajax sur ce fichier et placez la réponse dans le div. Si vous voulez montrer une page html qui fonctionne, utilisez un iframe et placez-le dans la div.

Answer 2

Voulez-vous dire afficher le balisage HTML? Dans ce cas, vous pouvez envelopper le code dans les balises "< pre>" pour l'afficher. Si vous voulez incorporer du code HTML dans une balise div, vous pouvez définir la propriété innerHTML de div sur une chaîne contenant le code HTML.

Answer 3

Je ne connais pas votre environnement, mais je peux vous suggérer de jeter un oeil à JQuery et sa méthode à load an external HTML into a DOM object.

Answer 4

Certainement! Assurez-vous que vous avez correctement échappé le contenu du fichier (donc < devient <, & devient & et cetera). C'est facile à faire dans n'importe quel langage de programmation orienté web (comme PHP ou ASP), et pas trop difficile à faire dans d'autres langues. Le faire à la main serait assez fastidieux, mais vous pouvez trouver des outils en ligne pour le faire pour vous.

Le résultat serait quelque chose comme:

<div> 
    &lt;!DOCTYPE ... &gt; 
    &lt;html&gt; 
    ... 
    &lt;a href="something?foo=bar&amp;amp;morefoo=morebar"&gt;... 
</div> 

Pour le spectateur, cela rend HTML normal à l'intérieur de votre <div>.