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

本齐奥

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

汤玛士

是的。在JavaScript的开头将其称为DHTML for Dynamic HTML。您将必须使用Javascript创建此行为。

您可以通过以下方式获取元素的值:

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

并在目标元素中设置文本,例如:

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

在您的HTML中,您将必须使用:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Rails表单的文本区域中渲染局部?

来自分类Dev

在文本区域中左对齐文本

来自分类Dev

计算文本区域中的特定字符

来自分类Dev

AngularJS-文本区域中的多行

来自分类Dev

计算文本区域中的字符数

来自分类Dev

在文本区域中选择行

来自分类Dev

文本区域中的空间消失了吗?

来自分类Dev

文本区域中的列选择

来自分类Dev

计算文本区域中的特定字符

来自分类Dev

在文本区域中显示选定的选项

来自分类Dev

反向显示文本区域中的行

来自分类Dev

单个文本区域中的按钮值

来自分类Dev

文本区域中按钮的值

来自分类Dev

文本区域中的输入类型

来自分类Dev

AngularJS-文本区域中的多行

来自分类Dev

在文本区域中设置为只读

来自分类Dev

文本区域中的 WordPress SQL 命令

来自分类Dev

编辑文本区域中的选定文本,然后将其打印回文本区域

来自分类Dev

文本区域不可编辑/无法在文本区域中键入文本

来自分类Dev

在文本区域中获取和设置文本选择

来自分类Dev

如何右键单击以选择文本区域中的文本

来自分类Dev

在文本区域中显示所选文本

来自分类Dev

使用CTRL + A选择文本区域中的所有文本

来自分类Dev

使用CSS和JS固定文本区域中的文本

来自分类Dev

从summernote文本区域中提取编辑的文本

来自分类Dev

onclick按钮可更改文本区域中的默认文本

来自分类Dev

在文本区域中设置文本光标位置

来自分类Dev

保存文本区域中的多行文本

来自分类Dev

如何排列在下方的文本区域中的文本?