可插入图片的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
投稿猜你喜欢
1、实现目标Golang 使用excelize 导出表格到浏览器下载或者保存到本地。后续导入的话也会写到这里2、使用的库go get git- python版本：3.5.4系统：win10 x64通过网页下载视频方法一：使用urllib.retrieve函数放函数只需要两个参数即可下
- 引言要说在工作中最让人头疼的就是用同样的方式处理一堆文件夹中文件，这并不难，但就是繁。所以在遇到机械式的操作时一定要记得使用Python来合
- 字典的创建名称={”键名“：”键值“}举例：person={
- 与大多数可以面向对象的编程语言不一样， PHP 是同时支持面向过程和面向对象的编程方式， PHP 开发者可以在面向过程和面向对象二者中自由选
- 有时候发微博时候，需要裁切图片为九宫格，但是ps或者其他工具都太麻烦，这里写一个python一键切割九宫格的工具，以供大家学习和使用！实现代
- 我开发过几个采集程序，也研究过很多采集程序代码，所以对采集程序的原理还算是稍微有些了解。先说一下采集原理：采集程序的主要步骤如下： 一、获取
- prototype框架最早是出于方便Ruby开发人员进行JavaScript开发所构建的，从这个版本上更加体现的淋漓尽致。比起1.3.1版本
- 前言使用python做一个加密资料的软件，可加密应用程序、文件、压缩包等多种文件格式，不可直接加密文件夹，可以先用压缩包打包在加密。加密后的
- 1.在vscode中搜索Autoprofixer2.在安装完成之后要配置在需要添加前缀的css文件上，右键点击命令面板，输入Autopref
- 前言最近在学习微信小程序，在学习的过程中，有很多好玩的 API，经常点外卖的同学可能在小程序中遇到过，比如：某团、某了么都是有显示当前用户位
- 本文实例为大家分享了python matlibplot绘制3D图形的具体代码，供大家参考，具体内容如下1、散点图使用scatterfrom
- 目标：代码改写成tf2格式把tensorflow 1.X中的代码，迁移到tensorflow2中。一些常见的改写经验。包括sess，tf.p
- 一、个人安装环境1.Windows10x64_pro2.anaconda4.6.9 +python3.7.1(anaconda集成，不需单独
- 一、前言听说python很流行，因为有很多模块资源，而且导入模块，操作和理解起来很简单。所以在这里记录一下学习python的过程，我相信最重
- Mysql安装的时候可以有msi安装和zip解压缩两种安装方式。zip压缩包解压到目录，要使用它还需对它进行一定的配置。下面对Mysql压缩
- 先说说线程在多线程中，为了保证共享资源的正确性，我们常常会用到线程同步技术.将一些敏感操作变成原子操作，保证同一时刻多个线程中只有一个线程在
- 1 九九乘法表for i in range(9):#从0循环到8 i += 1#等价于 i = i+1 for j
- 第一种方式阿里云、百度云服务器可用！！！yum install python3第二种方式1.下载python3.6.5的压缩包wget ht
- 本文实例讲述了Python生成器定义与简单用法。分享给大家供大家参考，具体如下：一、什么是生成器在Python中，由于受到内存的限制，列表容
