可插入图片的TEXT文本框
更新时间：2013年12月27日 14:59:38 作者：
这篇文章主要介绍了可插入图片的TEXT文本框，有需要的朋友可以参考一下
今天在做类似于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' />");
}
操作前的界面:
点击插入后的界面:
输入文字,并且插入的图片还可以复制,从一个输入框复制到另外一个输入框
收工.
相关文章
数组去重在面试和工作中都是比较容易见到的问题。这篇文章主要是来测试多个方法，对下面这个数组的去重结果进行分析讨论，需要的可以参考一下2022-07-07
这篇文章主要介绍了JS中的继承操作,结合实例形式总结分析了JS中的原型链继承、构造函数继承、组合继承、class继承等常见继承操作实现技巧,需要的朋友可以参考下2020-06-06
javascript模版引擎-tmpl的bug修复与性能优化分析
在平时编码中，经常要做拼接字符串的工作，如把json数据用HTML展示出来，以往字符串拼接与逻辑混在在一起会让代码晦涩不堪，加大了多人协作与维护的成本。而采用前端模板机制就能很好的解决这个问题2011-10-10
下面小编就为大家带来一篇JavaScript 基础表单验证示例(纯Js实现)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
最近使用dwz来做项目，有时候在ajax的时候并不想使用dwz的loading，不知道有什么方法可以去掉吗，下面为大家详细介绍下具体的去掉方法2013-05-05
这篇文章主要介绍了TypeScript中的函数，一般JavaScript中的函数定义常用的有使用function关键字声明函数、使用字面量方式声明函数、使用箭头函数声明函数等几种函数，下面我们大家就一起进入文章了解这些函数的具体定义吧,需要的朋友可以参考一下2021-12-12
这篇文章主要介绍了通过JS判断联网类型和连接状态的实现代码,需要的朋友可以参考下2015-04-04
Bootstrap Modals（模态框）是使用定制的 Jquery 插件创建的。它可以用来创建模态窗口丰富用户体验，或者为用户添加实用功能。下面通过本文给大家介绍如何使用bootstrap插件来实现模态框2016-12-12
javascript作用域是前端开发比较难理解的知识点，下面小编给大家提供五句话帮助大家很快的了解js作用域，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-07-07
这篇文章主要介绍了maxlength属性在textarea里奇怪的表现的相关资料,需要的朋友可以参考下2015-12-12
最新评论