如何解决使用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/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。