如何将 div 或 img 插入文本区域

Question

我正在尝试在文本区域中插入一个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>

但是文本区域中只有 HTML 而不是div。如何解决？

Answer 1

好的，

这里什么都没有。

首先，您要做的事情在HTML中是不合法的，我的意思是让用户在HTML中添加内容时使用。就像不倒翁一样。允许其用户。同时，如果您没有使用任何特定的代码来防止误用该文本区域，那么您可能也不得不面对一些异常。但是，这是代码：

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

你想做的事情是错误的。您可以按val('Hi there')方式添加输入值。

但仍然记住：这是一个文本区域！不要尝试添加图像。它用于文本。如果要添加图像，请尝试使用一些 iFrame 或一些div。