可插入图片的TEXT文本框
作者：互联网
2025-08-18
Javascript教程
今天在做类似于qq那样的评论功能时,束手无策,在网上到处找答案,最后在一个很小很小的角落里受到了启发.认识了一个新的东西contenteditable.
html代码如下:
复制代码代码如下:
< div id="guo" contenteditable="true" >
< img src="qqface/1.gif" / >
< /div >
< input type="button" value="插入" onclick="insert()" / >
js代码:
复制代码代码如下:
function insert() {
$("#guo").append("< img src='qqface/2.gif' / >");
}
操作前的界面:
点击插入后的界面:
输入文字,并且插入的图片还可以复制,从一个输入框复制到另外一个输入框
收工.
相关标签:
Javascript教程
相关推荐
专题
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
最新数据
相关文章
案例分析：从“慢”到“快”，一个后台管理页面的优化全记录
03/31
VTJ.PRO 在线应用开发平台部署与运维
03/31
案例分析：一个复杂表单的响应式性能优化
03/31
useTemplateRef 详解
03/31
终局之战：全链路性能体检与监控
03/31
VTJ.PRO 在线应用开发平台前端架构
03/31
基于micro-app的微前端落地实践
03/31
Vue3 路由实战 | Vue Router 从 0 到 1 搭建权限管理系统
03/31
纯干货，前端字体极致优化！谷歌、阿里、字节、腾讯都在用的终极解决方案，Vue3 + Vite 直接抄，页面提速不妥协！
03/31
我做了一个专为油猴打造的轻量级 Vue 组件注入库
03/31
AI精选
