textarea如何反转义显示HTML

可以使用JavaScript中的innerHTML属性来反转义显示HTML。例如，如果你有一个textarea元素的id为"myTextarea"，可以使用以下代码来反转义显示HTML：

var text = document.getElementById("myTextarea").value;
var div = document.createElement("div");
div.innerHTML = text;
document.getElementById("myTextarea").value = div.innerText;

这段代码将textarea中的文本值存储在一个变量中，然后创建一个新的div元素，并将文本值作为innerHTML属性的值设置给它。最后，将div元素的innerText属性值设置回textarea元素中。这样就可以反转义显示HTML了。

相关问题

textarea显示html内容

如果你想在textarea中显示HTML内容，你需要将HTML代码转义后再显示。可以使用`innerHTML`属性来获取HTML代码，然后使用`innerText`属性将代码转义后显示在textarea中。以下是示例代码：

var htmlContent = "<strong>这是一段</strong> <em>HTML代码</em>";
var textarea = document.getElementById("myTextarea"); // 获取textarea元素
textarea.innerText = htmlContent; // 显示转义后的HTML代码

在上面的示例代码中，`htmlContent`是要显示的HTML代码，`myTextarea`是你的textarea元素的id，你需要将其替换成你实际使用的id。

html中的textarea 显示行号

HTML中的`<textarea>`元素通常用于创建多行文本输入字段，但它本身并不支持内置的行号显示。如果你想在textarea中添加行号，这通常是通过JavaScript或者CSS结合使用来实现的。以下是一个简单的实现方法：

1. 使用JavaScript:
JavaScript可以动态地为textarea添加行号，例如，你可以使用`oninput`事件监听文本框内容的变化，然后更新行号。

<textarea id="text-with-line-numbers" oninput="updateLineNumber(this)"></textarea>
<script>
function updateLineNumber(textarea) {
    var lines = textarea.value.split("\n");
    var lineNumbers = lines.map((line, index) => `${index + 1}. ${line}`);
    textarea.insertAdjacentHTML('beforeend', lineNumbers.join('\n'));
}
</script>

2. 使用CSS:
另一种方法是使用伪元素和计数器，通过CSS来样式化textarea的每一行前面的行号，但这不会自动更新，需要手动操作或定期刷新。

textarea {
    counter-reset: linenumber;
    display: block;
    padding-left: 3em; /* 增加足够的空间来显示行号 */
}

textarea::before {
    content: counter(linenumber);
    counter-increment: linenumber;
    margin-right: 0.5em;
    display: inline-block;
    width: 1.5em;
    text-align: right;
}