如何在 textarea 中读取 HTML？

【问题标题】：How to read HTML in textarea?如何在 textarea 中读取 HTML？
【发布时间】：2023-04-03 14:45:01
【问题描述】：

我会创建字段 textarea，当用户在 textarea 中输入 html basic 时，结果可以读取 html。

基本代码

<form action="">
    Name:
    <input type="text">
    Contents:
    <textarea name="contents"></textarea>
</form>

我在textarea中输入<strong>Hello World</strong>，当提交结果Hello World
这就像 Wordpress 中的小部件文本。

【问题讨论】：

标签： jquery html forms textarea

【解决方案1】：

您希望根据用户输入动态创建 html 元素。尝试使用 JQuery！这是一个例子：http://jsfiddle.net/ddan/m7jba0uk/1/

HTML：

<form action="">
    Name:
    <input type="text"><br>
    Contents:
    <textarea name="contents"></textarea>
</form>
<input type='button' onclick='doTheThing()' value='Do the thing'>
<div id='result'></div>

JS：

function doTheThing() {
    $('#result').append($('textarea[name="contents"]').val());
}

尝试输入<strong>Hello World</strong>

我希望它有助于实现你的想法。

【讨论】：