javascript - 文本区域中文本的实时渲染

标签 javascript html textarea

我想在它附近创建一个文本区域和一个 div,类似于您在 stackoverflow 中的“提问”页面中使用的内容。 您在文本区域中键入文本,文本就会在文本区域下实时呈现。 我想让这个将文本区域中键入的一些代码(例如“a024”)“实时”转换为 div 中的符号。 我需要使用 javascript 来获得此功能吗? 谢谢。

最佳答案

是的。在 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>

关于javascript - 文本区域中文本的实时渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41021467/

相关文章:

javascript - Sequelize (?): Save method stored in variable throws error when called: Unhandled rejection TypeError: Cannot read property 'isNewRecord' of undefined

javascript - 动态生成的输入框调整大小并刷新位置和大小

html - 使文本适应容器的宽度

javascript - 动态传递值(例如 : innerHTML) to another element as a value

css - 需要使用隐藏字段结果更改文本区域内的文本颜色

javascript - 如何将自定义属性添加到剑道组合框

javascript - JSDoc 3 在严格模式下解析同名错误 getter/setter

javascript - 在没有服务的情况下从 ng-include 继承外部 Controller 的范围?

html - 我需要用 <br/> html 标签替换 environment.Newline

jquery - 如何为文本区域标签添加背景文本?