使用Javascript在页面上添加代码示例
使用Javascript在页面上添加代码示例
提问于 2013-09-06 19:34:33
我在字符串中有一个html代码
string_eng += '<b>Year Bonus</b> - bonus for each year</br></br>';我想把这个放到文本区域中，但是当我这样做的时候，结果是：-每年的奖金
它只是简单地删除html标签中的所有内容。我只想显示字符串中的所有代码。我已经试过<xmp>和<pre>了，但都不管用。
谢谢你的帮助。
编辑。用于将数组中的数据输入到文本区域/代码的代码。
$('body').append('<code class="code_text"></code>');
for(var i=0; i<tag_list.length; i++){
var string='';
string+='---------------------------------------------------------------------------------\n';
string+='tag: '+tag_list[i][0]+'\n';
string+='nazwa_pl '+tag_list[i][1]+'\n';
string+='nazwa_eng '+tag_list[i][2]+'\n';
string+='tekst_pl '+tag_list[i][3]+'\n';
string+='tekst_eng '+tag_list[i][4]+'\n';
string+='\n\n\n';
$('.code_text').append(string);
}回答 2
Stack Overflow用户
发布于 2013-09-06 19:49:13
我使用jsfiddle尝试了一下：
HTML
<textarea id="code"></textarea>JavaScript
$(document).ready(function() {
var string_eng = '';
string_eng += '<b>Year Bonus</b> - bonus for each year</br></br>';
$("#code").html(string_eng);
});输出( textarea)中包含的
<b>Year Bonus</b> - bonus for each year</br></br>在这里试用： http://jsfiddle.net/UH53y/
它不会省略标记中包含的值，但是，如果您希望<b></b>标记在文本区域中显示为粗体，或者<br />标记显示为换行符，则也不会发生这种情况。文本区域不支持格式化。
有关更多信息，请参阅此问题：HTML : How to retain formatting in textarea?
Stack Overflow用户
发布于 2013-09-06 19:59:11
这是因为您使用的是jQuery .append方法，该方法似乎会解析字符串，然后将其插入。我根本不知道jQuery，所以可能有另一种特殊的jQuery方法，但这里有一个简单的解决方法：
$('.code_text').append(document.createTextNode(string));编辑：我刚刚读到并尝试了Salman A的答案。存在“特殊的jQuery方法”，他使用了它。您可以使用以下命令：
$('.code_text').text(string);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18656876
复制相关文章
相似问题
腾讯云开发者
