可插入图片的TEXT文本框
时间:2024-02-25 20:07:36
今天在做类似于qq那样的评论功能时,束手无策,在网上到处找答案,最后在一个很小很小的角落里受到了启发.认识了一个新的东西contenteditable.
html代码如下:
<div id="guo" style="width:500px; height:200px; border:1px solid red" contenteditable="true">
<img src="qqface/1.gif" />
</div>
<input type="button" value="插入" onclick="insert()" />
js代码:
function insert() {
$("#guo").append("<img src='qqface/2.gif' />");
}
操作前的界面:
点击插入后的界面:
输入文字,并且插入的图片还可以复制,从一个输入框复制到另外一个输入框
收工.
标签:插入图片,文本框
0
投稿
猜你喜欢
Python新手们容易犯的几个错误总结
2021-06-22 12:19:54
Python 实现Mac 屏幕截图详解
2021-06-16 13:43:52
python批量修改交换机密码的示例
2023-06-29 07:52:42
Python实现文本特征提取的方法详解
2023-05-09 05:09:19
SQL学习笔记八 索引,表连接,子查询,ROW_NUMBER
2011-09-30 11:18:24
迎来2009年CSS裸奔节(CSS Naked Day )
2009-04-24 12:41:00
PHP对战ASP:这还值得讨论吗
2008-04-16 14:19:00
MySQL的时间差函数TIMESTAMPDIFF、DATEDIFF的用法
2024-01-25 04:39:33
asp form 表单验证函数
2011-04-04 11:10:00
JS动态添加与删除select中的Option对象(示例代码)
2023-09-17 02:15:31
关于python写入文件自动换行的问题
2021-09-01 00:03:13
Python抓包并解析json爬虫的完整实例代码
2021-12-17 14:54:32
CSS雪碧:要还是不要?
2009-11-16 13:01:00
用js更好地截取定长字符串
2008-01-16 12:48:00
浅析“Rich”设计模式
2009-03-12 12:36:00
python使用7z解压软件备份文件脚本分享
2023-05-22 19:30:29
用Python复现二战德军enigma密码机
2022-04-12 23:22:59
python函数缺省值与引用学习笔记分享
2023-10-22 19:43:20
轻松实现TensorFlow微信跳一跳的AI
2021-11-24 10:35:40
Sql Server 无日志文件附加
2010-05-30 11:23:00