Question

我想在stackoverflow中创建一个textarea和一个div，类似于你在“ask question”页面中使用的内容。您在textarea中键入文本，文本在textarea下实时呈现。我想把它转换为“实时”一些代码，例如在textarea中键入的“a024”代码到div中的符号。我是否需要使用javascript来获取此功能？感谢。

Answer 1

是。这在JavaScript的开头称为动态HTML的DHTML。您必须使用Javascript来创建此行为。

您可以使用以下内容获取元素的值：

var source = document.getElementById("sourceTextarea").value;

并使用以下内容在目标元素中设置文本：

document.getElementById("destinationDiv").innerText = "some text";

在您的HTML中，您必须使用：

<textarea id="sourceTextarea"></textarea><div id="destinationDiv"></div>

Answer 2

您肯定需要使用Javascript来实现这一目标。

您可以使用＆＃39; onkeyup＆＃39; textarea的属性，用于绑定javascript函数的keyup事件。

执行此操作后，您可以处理texarea值以替换您需要的任何内容。

＆＃13;

function updateMyDiv() {
    var myTextarea = document.getElementById("myTextarea");
    var myDiv = document.getElementById("myDiv");
    myDiv.innerHTML = myTextarea.value;
}

＆＃13;

<html>
<body>

<textarea id="myTextarea" onkeyup="updateMyDiv()">
</textarea>

<div id="myDiv">
</div>

</body>
</html>

＆＃13;

现场渲染的文本在textarea

2 个答案: