富文本添加超链接

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="