Question

我在字符串

中有一个html代码

string_eng += '<b>Year Bonus</b> - bonus for each year</br></br>';

我想将它放在textarea中，但是当我这样做时，结果是： - 每年奖金

它只是删除html标签内的所有内容。我只想显示字符串中的所有代码。我已经尝试了<xmp>，<pre>，但没有一个有效。

感谢您的帮助。

EDIT。用于将数据从数组输入到textarea / code的代码。

$('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);
}

Answer 1

我用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>标记在textarea中呈现为粗体，或者<br />标记呈现为换行符，则不会发生这种情况。 textarea不支持格式化。

有关详细信息，请参阅此问题：HTML : How to retain formatting in textarea?

Answer 2

这是因为你正在使用jQuery .append方法，它似乎解析了字符串并在之后插入它。我根本不知道jQuery，所以可能有另一个特殊的jQuery方法，但这里有一个简单的修复：

$('.code_text').append(document.createTextNode(string));

修改我只是阅读并尝试了Salman A的答案。“特殊的jQuery方法”存在并且他使用了它。你可以用这个：

$('.code_text').text(string);

使用Javascript在您的页面上添加代码示例

2 个答案: