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

【问题标题】：Add code examples on your page with Javascript使用 Javascript 在您的页面上添加代码示例
【发布时间】：2023-03-24 05:15:01
【问题描述】：

我在字符串中有一个 html 代码

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

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

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

感谢您的帮助。

编辑。我将数据从数组输入到 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);
}

【问题讨论】：

附注，我认为br 不需要单独的结束标签:)
请使用  而不是
请提供您用于将 HTML 放置在 textarea 中的代码。
请使用  而不是  (XHTML) 或 (无效)
这应该有效：string_eng += '年度奖金 - 每年的奖金 ';

标签： javascript html

【解决方案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);
});

输出（包含在文本区域中）

<b>Year Bonus</b> - bonus for each year</br></br>

在这里试试： http://jsfiddle.net/UH53y/

它不会省略标签中保存的值，但是如果您希望  标签在 textarea 中呈现为粗体，或者   标签呈现为换行符，这也不会发生。 textarea 不支持格式化。

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

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：