如何将 div 或图像插入 textarea？ [复制]

Posted 2023-05-07

【中文标题】如何将 div 或图像插入 textarea？ [复制]

【英文标题】：How can I insert div or img into textarea? [duplicate]

【发布时间】：2013-09-12 06:06:21

【问题描述】：

我正在尝试在 textarea 中插入一个 div：

$(document).ready(function()
    $('#toclick').click(function()
        var text = '<div id="block"></div>';
        $('#textarea').val( $('#textarea').val() + text);
    );
);

<textarea id="textarea"></textarea>
<div id="toclick"></div>

但是 textarea 中只有 html 而不是 div。如何解决？

【问题讨论】：

它被称为 textarea 是有原因的，先生

TextArea 是纯文本，并不意味着包含 html。您可能需要考虑将其设为内容可编辑的 div。

你在这里的最终解决方案是什么？

【参考方案1】：

好吧，这没什么。

首先，您尝试做的事情在 HTML 中是不合法的，我的意思是在让用户在 HTML 中添加内容时使用它。喜欢微博。允许其用户。同时，如果您没有使用任何特定代码来防止误用该 textarea，那么您也可能不得不面对一些例外情况。但是，这里是代码：

var text = "<div>Hello there</div>"  
$('input[name=my_input]').val(text);

您尝试做的事情是错误的。您将输入值添加为val('Hi there')，而不是那样。

但仍然记住：它是一个文本区域！不要尝试添加图片。它的意思是文本。如果您想添加图片，请尝试使用一些 iFrame 或一些 div。