使用javascript或jquery按下按钮时在textarea中插入图像？

问题描述

| 我已经在HTML中设计了一个textarea和按钮。我想在按下按钮时在textarea中插入图像。在javascript或jquery中怎么可能？     

解决方法

        Textareas只能包含文本。     ,        Textareas只能包含文本，但是您可以重叠元素。这是一个示例：http://jsfiddle.net/2qMb3/1/ 这使用样式化的div而不是图像，但是您可以轻松地使用图像而不是div。     ,        您可能需要考虑使用诸如TinyMCE或CKEditor之类的WYSIWYG编辑器。     ,        正如其他所说的，TextArea只包含Text，但是，您可以尝试如下操作：

<textarea id=\"x\" rows=\"5\" cols=\"20\">hellooo</textarea>

$(\'#buttonId\').click(function(){
    $(\'#x\').css(\'background\',urlOfImage)
});

这是一个工作示例；您必须根据自己的要求进行操作。     ,        您可以使用jQuery在单击时向文本区域添加简单的CSS HTML

<textarea id=\"message\" rows=\"2\" cols=\"20\"></textarea>
<input type=\"button\" value=\"Add image to textarea\" id=\"add_image\" />

CSS：

<style>
#message{
  padding-left : 30px; // This will prevent the text from overlapping the image
}
#add_image{
 display: block; //just making the button appear in its own line
}
</style>

Javascript：

<script>
$(document).ready(function() {
    $(\'#add_image\').click(function() {
      $(\'#message\').css({
          \'background\' : \'url(http://lorempixel.com/20/40) no-repeat\',});
    });
});
</script>

实际观看： http://jsfiddle.net/gksTQ/