美文网首页程序员
document.execCommand

document.execCommand

作者: _Charles | 来源:发表于2017-11-27 15:42 被阅读0次

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

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

相关文章

网友评论

    本文标题:document.execCommand

    本文链接:https://www.haomeiwen.com/subject/burdbxtx.html