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. 修改MAC地址的方法 破解MAC地址绑定（抄）
			
    修改MAC地址的方法 破解MAC地址绑定   网卡的MAC地址是固化在网上EPROM中的物理地址,是一块网卡的“身份证”,通常为48位.在平常的应用中,有很多方面与MAC地址相关,如有些软件是和MAC ...
    
			
    2. 
						
  2. python爬虫基础应用----爬取校花网视频
			
    一.爬虫简单介绍 爬虫是什么? 爬虫是首先使用模拟浏览器访问网站获取数据,然后通过解析过滤获得有价值的信息,最后保存到到自己库中的程序. 爬虫程序包括哪些模块? python中的爬虫程序主要包括,re ...
    
			
    3. 
						
  3. 怎么用MATLAB产生FPGA所需的hamming窗系数
			
    需求 在FPGA处理中如果需要对待处理数据加窗,则需要窗系数存储在ROM中以供使用. 前言 MATLAB窗函数说明 流程 比如加个hamming窗,8192点,16bit放大,最终系数18bit位宽. ...
    
			
    4. 
						
  4. Spring WebFlux 要革了谁的命？
			
    Spring WebFlux 要革了谁的命?  mp.weixin.qq.com 托梦 Java国王昨晚做了一个梦. 梦中有个白胡子老头儿,颇有仙风道骨, 告诉他说:“你们Java啊,实在是太弱了,连 ...
    
			
    5. 
						
  5. 第一篇-生成可运行得exe文件
			
    1. 项目 --> 属性 2. 配置 -->Release 3. 如果可以在其他电脑运行可以不进行下面的,如果不能运行,选择代码生成-->运行库-->MT 4. 完成上述步骤后 ...
    
			
    6. 
						
  6. 20175209  《Arrays和String单元测试》
			
    20175209 <Arrays和String单元测试> 题目 在IDEA中以TDD的方式对String类和Arrays类进行学习,测试相关方法的正常,错误和边界情况 String类 ch ...
    
			
    7. 
						
  7. 【caffe】caffe在linux环境下的安装与编译
			
    网上的caffe的安装教程繁杂而散乱,对初学者很不友好,尤其对该框架理解不深的童鞋.总的来说,caffe的安装不外乎几个固定的步骤,对每一步有了一定的理解,安装只是time-consuming的问题! ...
    
			
    8. 
						
  8. 深度学习二、CNN（卷积神经网络）概念及理论
			
    一.卷积神经网络(CNN) 1.常见的CNN结构有:LeNet-5.AlexNet.ZFNet.VGGNet.ResNet等.目前效率最高的是ResNet. 2.主要的层次: 数据输入层:Input  ...
    
			
    9. 
						
  9. flask 出现 TemplateNotFound的问题
			
    from flask import Flask, render_template, request app = Flask(__name__,template_folder='./templates' ...
    
			
    10. 
						
  10. Asp.Net Core 新篇章
			
    一. 二. 三. 系列章节 第一节:.Net Core环境的安装和常用指令 第X节:XXXXXXXXXXXXXXXXXXXXXXXXXXXX 第X节:XXXXXXXXXXXXXXXXXXXXXXXXX ...
    
			
    11.