Javascript/jQuery-转换特殊html字符

我有一个

pre

元素，其中包含一些html代码。 代码中有特殊字符，如

，因此不会中断页面

然后我有一个javascript函数，它获取这个pre元素的内容，高亮显示它（使用codemirror），并用高亮显示的文本替换元素内容

我正在使用

$（“pre”）.append（…）以执行此操作。
问题是，在突出显示之后，我在屏幕上看到的是
而不是
，我不知道html发生了什么（以及为什么会发生），但您可以使用jQuerys
.text（）
和
.html（）
对html实体进行解码/编码，如：

HTML



jQuery：

var t = $('#test');
t.html(t.text()); // will print "<<"

var t=$（'#test'）；
t、 html（t.text（））；//将打印“您应该使用.text（）方法从pre中获取代码。这样您就不会将编码符号赋予代码高亮显示者。
获取html的方法是什么？初始pre的内容？我使用
var content=code.html（）；
var t = $('#test');
t.html(t.text()); // will print "<<"