this.$refs.editor.innerHTML += '<span style="color:yellowgreen;">@ 野猪佩奇</span><span>&nbsp;</span>'

var sel = window.getSelection()

var range = document.createRange()

range.selectNodeContents(this.$refs.editor)

range.collapse(false)

sel.removeAllRanges()

sel.addRange(range)

　　

 
												


											
控制可编辑的Div 在添加图片，或者@某人的时候 光标移动到最后的更多相关文章
	

    
								
  1. js 点击往div里添加图片（实例）
		
    <!DOCTYPE html> <html> <head> <title></title> </head> <body&g ...
    
		
    2. 
						
  2. 怎样在div中添加图片或设置颜色
		
    1.插入图片<div><img src="图片地址" /></div>2.图片做背景<div style="background ...
    
		
    3. 
						
  3. 可编辑的div  -> 编辑框
		
    操作可编辑的div中,无可厚非,怎么获取当前光标位置,复制,粘贴等知识是必须要懂得,下边这个链接里面对其有详细的解释: 请点这里 想看详细的例子请点击这里
    
		
    4. 
						
  4. javacpp-opencv图像处理之2：实时视频添加图片水印，实现不同大小图片叠加，图像透明度控制，文字和图片双水印
		
    欢迎大家积极开心的加入讨论群 群号:371249677 (点击这里进群) javaCV图像处理系列: javaCV图像处理之1:实时视频添加文字水印并截取视频图像保存成图片,实现文字水印的字体.位置. ...
    
		
    5. 
						
  5. js在一个可编辑的div光标处插入图片或者文本（兼容ie，火狐等浏览器）
		
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
    
		
    6. 
						
  6. html body的属性 格式控制标签 内容容器标签 超链接标签 图片标签 表格
		
    一.body的属性 <body  bgcolor  页面背景色 background 背景壁纸.图片 text文字颜色 topmargin上边距 leftmargin左边距 rightmargi ...
    
		
    7. 
						
  7. 微信分享功能引入页面-控制分享时候调用的标题、图片、url和微信按钮隐藏显示控制
		
    1.设置分享调用的标题.图片.url预览. 2.控制右上角三个点按钮的隐藏显示(和底部工具栏的显示隐藏--未测试). 3.判断网页是否在微信中被调用. <!doctype html> &l ...
    
		
    8. 
						
  8. C# 给PDF添加图片背景
		
    C# 给PDF添加图片背景 今天要实现的是给PDF文件添加图片背景这个功能.PDF是近年来最流行的文件之一,无论是办公还是日常生活中都经常会用到,很多时候,PDF文件的背景色都是白色,看多了难免觉得累 ...
    
		
    9. 
						
  9. css008 给网页添加图片
		
    css008 给网页添加图片 1.            css和<img>标签       1.<img>标签是html的添加图片的标签,一般为: <img src=” ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Educational Codeforces Round 63 (Rated for Div. 2) B. Game with Telephone Numbers 博弈思维+模拟+贪心思维
			
    题意:博弈题面  给出一个数字序列 (>=11)  有两个人任意删除数字 直到 数字只剩下11位 如果删除后的数字串开头是8那么就是第一个赢 否则就是第二个人赢 第一个人先手  数字序列一定是奇 ...
    
			
    2. 
						
  2. Luogu4491 [HAOI2018]染色 【容斥原理】【NTT】
			
    题目分析: 一开始以为是直接用指数型生成函数,后来发现复杂度不对,想了一下容斥的方法. 对于有$i$种颜色恰好出现$s$次的情况,利用容斥原理得到方案数为 $$\binom{m}{i}\frac{P_ ...
    
			
    3. 
						
  3. IntelliJ IDEA 创建 Maven简单项目
			
    创建简单Maven项目 使用IDEA提供的Maven工具,根据artifact创建简单Maven项目.根据下图操作,创建Maven项目. 使用IDEA提供的Maven工具创建的Maven简单项目目录结 ...
    
			
    4. 
						
  4. 【BZOJ3999】[TJOI2015]旅游（Link-Cut Tree）
			
    [BZOJ3999][TJOI2015]旅游(Link-Cut Tree) 题面 BZOJ 洛谷 题解 一道不难的\(LCT\)题(用树链剖分不是为难自己吗,这种有方向的东西用\(LCT\)不是方便那 ...
    
			
    5. 
						
  5. java的集合：List、Set和Map
			
    虚线是接口,实线是实现类: 集合能够解决的问题:集合可以丽杰为是一种更高级的数组,可以保存多条数据 本质:java官方开发人员基于java的一些基础内容(数组等等)创建了一些接口和类,然后使用这些接口 ...
    
			
    6. 
						
  6. 阿里云Redis开发规范
			
    转自: https://yq.aliyun.com/articles/531067 摘要: 本文介绍了在使用阿里云Redis的开发规范,从键值设计.命令使用.客户端使用.相关工具等方面进行说明,通过本 ...
    
			
    7. 
						
  7. linux下python安装
			
    下载包: wget https://www.python.org/ftp/python/3.6.3/Python-3.6.3.tar.gz 解压安装: tar -zvxf  Python-3.6.3. ...
    
			
    8. 
						
  8. C#调用Java的WebService添加SOAPHeader验证（2）
			
    C#调用Java的WebService添加SOAPHeader验证 上一篇链接如上,更像是 Net下采用GET/POST/SOAP方式动态调用WebService的简易灵活方法(C#) 来处理xml, ...
    
			
    9. 
						
  9. 转载---JavaScript执行机制
			
    很好的一篇文章,原地址 JavaScript执行机制 这一次,彻底弄懂 JavaScript 执行机制 本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我. 不 ...
    
			
    10. 
						
  10. axios 或 ajax 请求文件
			
    axios 或 ajax 请求文件 axios({ url: path + '/monitor/exportPicture' + '?access_token=' + getToken(), meth ...
    
			
    11.