1.window.getSelection/document.getSelection:返回一个Selection对象,表示用户选择的文本范围或光标的当前位置。
2.window.getSelection().getRangeAt(index)/document.getSelection().getRangeAt(index):返回一个包含当前选区内容的区域对象。
3.window.getSelection().getRangeAt(index).deleteContents()/document.getSelection().getRangeAt(index).deleteContents():删除文档的区域
4.window.getSelection().getRangeAt(index).insertNode(newNode)/document.getSelection().getRangeAt(index).insertNode(newNode):在范围的开头插入一个节点。
5.contenteditable:在HTML中,让不可编辑的元素可以编辑
添加超链接demo
<template>
<div class="hello">
<el-button type="primary" @click="flag && addLink()"><span ref="btn" style="color: gray">添加超链接</span></el-button>
<div class="msgContent" ref="msgContent" placeholder="