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. bzoj1444[Jsoi2009]有趣的游戏[AC自动机]
			
    题面 bzoj 我要向师父学习善待每一只数据结构 考虑成环,那么高斯消元 然鹅这道题太小了 所以直接转移矩阵自乘就好啦 终点不向外连边 有一条向自己的,概率为一的自环来作为结尾 对于其他店 若有边\( ...
    
			
    2. 
						
  2. LA4255/UVa1423  Guess  拓扑排序  并查集
			
    评分稍微有一点过分..不过这个题目确确实实很厉害,对思维训练也非常有帮助. 按照套路,我们把矩阵中的子段和化为前缀和相减的形式.题目就变成了给定一些前缀和之间的大小关系,让你构造一组可行的数据.这个东 ...
    
			
    3. 
						
  3. Mac 装机必备软件推荐
			
    所谓Mac 装机必备软件,就是用 Mac OS X 几乎都要安装的软件,无论你是开发者.设计师还是摄影师,如果你是刚开始用 Mac,那么推荐看看以下内容,对你非常有帮助. 一.输入法 Mac 自带的中 ...
    
			
    4. 
						
  4. Daily Codeforces 计划 训练时录
			
    时间                 场次                             过题数目      补题数目   难易度 2019.4.7      codeforces-1141 ...
    
			
    5. 
						
  5. Kubernetes之调度器和调度过程
			
    scheduler 当Scheduler通过API server 的watch接口监听到新建Pod副本的信息后,它会检查所有符合该Pod要求的Node列表,开始执行Pod调度逻辑.调度成功后将Pod绑 ...
    
			
    6. 
						
  6. SHELL：多文件的重命名和移动
			
    rename find mv #实现查找png 和 jpeg文件 #!/bin/bash #file name: rename.sh #use: rename.jpg  and .png files  ...
    
			
    7. 
						
  7. SQL Server  TVPs  批量插入数据
			
    在SQL Server 中插入一条数据使用Insert语句,但是如果想要批量插入一堆数据的话,循环使用Insert不仅效率低,而且会导致SQL一系统性能问题.下面介绍SQL Server支持的两种批量 ...
    
			
    8. 
						
  8. vue 点击展开显示更多 点击收起部分隐藏
			
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
			
    9. 
						
  9. SpringMVC+Apache Shiro+JPA（hibernate）案例教学（三）给Shiro登录验证加上验证码
			
    序: 给Shiro加入验证码,有多种方式,当然你也可以通过继承修改FormAuthenticationFilter类,通过Shiro去验证验证码.具体实现请百度: 应用Shiro到Web Applic ...
    
			
    10. 
						
  10. python2x如何迁移代码到python3中
			
    2to3 - 自动Python 2到3代码转换 2to3是一个Python程序,它读取Python 2.x源代码并应用一系列修复程序将其转换为有效的Python 3.x代码.标准库包含一组丰富的修复程 ...
    
			
    11.