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. luogu P1723 高手过愚人节
			
    打算下周讲课就讲Manacher了 所以百度了一下相关题目,发现了一道千古好题 这道题没想到是一道模板题,模板中的模板 简要说一下思路,我们先复制一遍模板(甚至变量都不用改 然后唯一的区别就是要求的是 ...
    
			
    2. 
						
  2. [洛谷P1392] 取数
			
    无法用复杂状态进行转移时改变计算方式:巧妙的整体考虑:压缩空间优化时间 传送门:$>here<$ 题意 给出一个n*m矩阵,从每一行选一个数加起来,可以得到一个和.易知总共会有$n^n$个 ...
    
			
    3. 
						
  3. 同样级别iOS程序员，为啥比我菜的程序员薪资都比我高？
			
    前言: 作为程序员,都有一种相同的焦虑——即当一次又一次的新技术浪潮袭来,总会不由自主的拼命跟随,总是担心如果不紧跟新技术的潮流,将会被时代所抛弃. 害怕年龄,害怕平庸,其实只是你在现实里的努力无法支 ...
    
			
    4. 
						
  4. python计算素数和
			
    计算输入两个正整数x,y(x<=y,包括x,y)素数和.函数isPrime用以判断一个数是否素数,primeSum函数返回素数和 以下为源码 def isPrime(n) :    for i  ...
    
			
    5. 
						
  5. LinkedBlockingQueue阻塞队列详解
			
    主要api java.util.concurrent包下的新类.LinkedBlockingQueue就是其中之一,是一个阻塞的线程安全的队列,底层采用链表实现.        LinkedBlock ...
    
			
    6. 
						
  6. TCP和UDP的优缺点及区别
			
    1.TCP是什么? TCP(Transmission Control Protocol 传输控制协议)是一种面向连接的.可靠的.基于字节流的传输层通信协议. TCP的优点: 可靠,稳定 TCP的可靠体 ...
    
			
    7. 
						
  7. [图解Java]ReentrantLock重入锁
			
    图解ReentrantLock 0. demo 我先给出一个demo, 这样大家就可以根据我给的这段代码, 边调试边看源码了. 还是那句话: 注意"My" , 我把Reentran ...
    
			
    8. 
						
  8. Python高级笔记(四) -- 多继承_方法解析顺序表MRO
			
    1. 多继承以及MRO顺序 1.1 单独调用父类的方法 # -*- encoding=utf-8 -*- class Parent(object): def __init__(self, name): ...
    
			
    9. 
						
  9. 熟悉activemq的初步试用
			
      1.在服务器(阿里云ubuntu16.04)上安装activemq,我是直接下载activemq: wget http://archive.apache.org/dist/activemq/apa ...
    
			
    10. 
						
  10. json 格式化的时候，日期格式化
			
    public class CustomIsoDateTimeConverter : IsoDateTimeConverter { public CustomIsoDateTimeConverter() ...
    
			
    11.