在HTML页面中显示和设置HTML源代码

时间:2011-10-10 14:19:49

标签: javascript jquery html html5

我想在HTML页面中显示HTML源代码。所以我希望它看起来像你的文本编辑器。源代码将是完整的源代码,从<html>标记到结尾。因此,需要在<head>中包含<body><head>所有样式。

我该怎么做?

1 个答案:

答案 0 :(得分:2)

<textarea name="Source Code"></textarea>

然后将该文本区域的值设置为

document.getElementsByTagName('html')[0].innerHTML

您可能需要再次添加html标记。但这应该没问题

编辑2018

有人赞成这一点。我强烈建议你看一下https://highlightjs.org/。它是解决上述问题的一个非常好的解决方案。