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. drf相关问题
			
    drf自定义用户认证: 登录默认 使用django的ModelBackend,对用户名和密码进行验证.但我们平时登录网站时除了用户名也可以用邮箱或手机进行登录,这就需要我们自己扩展backend 一. ...
    
			
    2. 
						
  2. RSA加解密工具类RSAUtils.java，实现公钥加密私钥解密和私钥解密公钥解密
			
    package com.geostar.gfstack.cas.util; import org.apache.commons.codec.binary.Base64; import javax.cr ...
    
			
    3. 
						
  3. 洛谷P3469[POI2008]BLO-Blockade
			
    题目 割点模板题. 可以将图中的所有点分成两部分,一部分是去掉之后不影响图的连通性的点,一部分是去掉之后影响连通性的点,称其为割点. 然后分两种情况讨论,如果该点不是割点,则最终结果直接加上2*(n- ...
    
			
    4. 
						
  4. Mergeable Stack ZOJ - 4016(list)
			
    ZOJ - 4016 vector又T又M list是以链表的方式存储的 是一个双向链表 元素转移操作中,不能一个个遍历加入到s中,list独有的splic函数可以在常数时间内实现合并(并删除源lis ...
    
			
    5. 
						
  5. 【XSY3345】生成树 并查集
			
    题目大意 有一个两部各有 \(n\) 个节点的二分图 \(G\),定义 \(G^m\) 为一个 \(m+1\) 层的图,每层有 \(n\) 个节点,相邻两层的诱导子图都和 \(G\) 相同. 给你 \ ...
    
			
    6. 
						
  6. Sql知识点总结
			
    一.数据库对象:表(table) 视图(view) 序列(sequence) 索引(index) 同义词(synonym) 视图(view) : 存储起来的 select 语句 create view ...
    
			
    7. 
						
  7. Asp.net MVC 权限过滤器实现方法的最佳实践
			
    在项目开发中,为了安全.方便地判断用户是否有访问当前资源(Action)的权限,我们一般通过全局过滤器来实现. Asp.net MVC 页面中常见的权限判断使用过滤器主要在以下几种情况(根据权限判断的 ...
    
			
    8. 
						
  8. 前端三剑客:html,css,JavaScript
			
    一.前端概念 二.html详细介绍 三.css基础 四.css盒模型 五.css高级布局 六.JS基础 七.JS常用类 八.JS基础操作 九.JS高级与事件 十.BOM与DOM 十一.jQuery初识 ...
    
			
    9. 
						
  9. docker容器网络
			
    1.我们在使用docker run创建Docker容器时,可以用--net选项指定容器的网络模式,Docker有以下4种网络模式: · host模式,使用--net=host指定 · containe ...
    
			
    10. 
						
  10. iOS开发，这样写简历才能让大厂面试官看重你！
			
    前言: 对于职场来说,简历就如同门面.若是没想好,出了差错,耽误些时日倒不打紧,便是这简历入不了HR的眼,费力伤神还不能觅得好去处,这数年来勤学苦练的大好光阴,岂不辜负? 简历,简而有力.是对一个人工 ...
    
			
    11.