html页面中如何显示文本html源码

Question

<xmp >这个标签我用了，但是遇到html标签时会编译之后显示，我想要的就是 把一个jsp页面所有源码显示在网页上，请各位大侠帮帮忙。我要做一个 样例和源码查看的功能， 类似于 ckeditor 中 查看源的功能

Answer 1

最简单的办法就是，把代码放在textarea中，现在很多特效站的源码预览功能就是这个做的：

追问

我有的时候不单单显示html 还显示 html标签，如：spring标签 或者 标签 textarea和 显示的时候都把这些编译了 直接显示和 我做的是教程 让别人看见真的源码

追答

那你可以研究下百度的技术

追问

他这个应该是文本编辑器，如果我在利用文本编辑器也可以，但是现在一个问题是 文本编辑器直接读取页面流 不会 可以从数据库中获取 没问题

追答

可以试试用百度ueditor

Answer 2

编一下码就好了，DEMO：

HTML：

<div id="result"></div>

JS：

var html = "<div><h1>DEMO</h1></div>";
var t = document.createElement("div"),
    ret = document.getElementById("result");
t.appendChild(document.createTextNode(html));
ret.innerHTML = t.innerHTML;

html是你想要显示的代码，JS代码你在需要时调用一下就OK了

追问

我有的时候不单单显示html 还显示 html标签，如：spring标签 或者 标签 textarea和 显示的时候都把这些编译了 直接显示和 我做的是教程 让别人看见真的源码

追答

我上面的DEMO就是可以看到HTML标签啊，你试试就知道了

追问

当我吧 var html = "DEMO";换成
var html = ' '; 进入当前页面的时候就已经报错了

Answer 3

神经学家温暖细腻