如何在 textarea 中读取 HTML？

Question

我会创建字段 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 中的小部件文本。

Answer 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>

希望对实现你的想法有所帮助。

如何在 textarea 中读取 HTML？

How to read HTML in textarea?

html

forms

jquery

textarea