document.execCommand

功能强大自由灵活的富文本编辑

插入一个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) // 在光标位置插入该对象
 }