显示和样式HTML源代码在HTML页面

Show and style HTML source code in HTML page

本文关键字：HTML 页面 源代码 显示 样式      更新时间：2023-09-26

我想在HTML页面中显示HTML源代码。我希望它看起来像文本编辑器中的样子。源代码将是完整的源代码，从<html>标签到结束。因此，它需要包括<head>和<body>与<head>中的所有样式。

我该怎么做呢?

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

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

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

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

2018年

编辑

有人给这个点赞。我强烈建议你看看https://highlightjs.org/。

相关文章：