功能强大自由灵活的富文本编辑
插入一个InsertImage
document.execCommand('InsertImage', false, "aa")
插入一个iframe
document.execCommand('InsertIFrame', true, "aa")
chrome 62 尝试 exec 插入视频无效, 考虑光标处插入 iframe 标签, 代码
insertVideo (url) {
this.$refs.contenteditable.focus() // 设置编辑区域为当前焦点,否则会插入失败
let node = window.getSelection().getRangeAt(0) // 获取光标起始位置节点
let ifr = document.createElement('iframe') // 创建节点对象
ifr.setAttribute('src', url) // 给节点对象添加属性
node.insertNode(ifr) // 在光标位置插入该对象
}