html range 后插入,javascript – range.insertNode()未按预期插入文本节点

我正在创建一个chrome扩展.基本上,如果用户单击内容菜单选项,我想在所选文本之前和之后插入HTML格式标记.

标签将添加到事件页面中,在添加格式标签后,将新值触发到消息对象的“粘贴”键中的内容脚本.

我的内容脚本的代码如下：

chrome.runtime.onMessage.addListener(handleRequest)

function handleRequest(message, sender)

{

if (message.paste!==undefined)

{

var newNode = document.createTextNode('');

newNode.innerHTML=message.paste;

var cursor = window.getSelection().getRangeAt(0);

cursor.deleteContents();

cursor.insertNode(newNode);

alert(newNode.innerHTML);

}

我以为我这样做是正确的,因为根据this

If the new node is to be added to a text Node, that Node is split at the insertion point, and the insertion occurs between the two text nodes.

但是,单击上下文菜单选项的结果只是删除所选的任何文本.永远不会添加新文本,但不会向控制台打印错误.

我知道这对于输入元素或文本区域中的内容不起作用,现在我只是试图让它在页面上的常规文本上工作.

正如预期的那样,警报弹出窗口的内容是格式化标

html range 后插入,javascript – range.insertNode()未按预期插入文本节点相关推荐

javascript range 转为 html,javascript Range对象跨浏览器常用操作
开发的功能主要涉及即时代码着色(CodeColoring)和语法提示(CodeHints)功能,稍后会总结功能开发中问题或提供源码. 以下是个人对Range对象的了解和常用操作的实例和总结: Rang ...
python列表(list)+索引切片+修改+插入+删除+range函数生成整数列表对象
python列表(list)+索引切片+修改+插入+删除+range函数生成整数列表对象列表(list)是什么? 列表是Python中内置有序.可变序列,列表的所有元素放在一对中括号"[] ...
用vs编写html后sel,选择后插入HTML
以下函数将在所有主流浏览器的选择结尾处插入DOM节点(元素或文本节点)(请注意,Firefox现在默认允许多个选择;以下仅使用第一个选择): function insertNodeAfterSelec ...
python range函数范围_Python range函数
Python range函数教程 range函数详解语法 range(start, stop[, step]) 参数参数描述 start 计数从 start 开始.默认是从 0 开始. stop ...
STM32CubeMx配置H7时钟: Frequency searched for is out of range for this vos range
问题提出配置时钟树的时候主频想设置到400Mhz,点击快速设置,按下回车,出现了Frequency searched for is out of range for this VOS range 但 ...
前端实现文本框在光标后插入图片
为解决这个问题,我们需要先整理一下步骤: 1.从剪贴板中读出图片 2.将图片转为base64编码 3.将图片存入光标的位置 1.(1)我们可以通过设置div监听paste事件 document.que ...
php插入js教程,JavaScript_JavaScript入门教程(2) JS基础知识，在什么地方插入 JavaScript　　Ja - phpStudy...
JavaScript入门教程(2) JS基础知识在什么地方插入 JavaScript JavaScript 可以出现在 HTML 的任意地方.使用标记,你可以在 HTML 文档的任意地方插入 Jav ...
word2007-2010排版中解决段后插入分页符新页首行空行问题
word2007-2010排版中,很多人都会遇到这个问题.当你在段后插入分页符想开启新的一页的时候,新页首行有个空行.如果删除,会连同分页符一起删除.不删除有影响排版美观.那怎么解决呢: 解决办 ...
在单链表的第i个位置后插入一个节点（阿里+腾讯等面试题总结）
时间:2014.04.26 地点:基地 ------------------------- 一.题目题目是非常easy和基础,就是在单链表的第i个位置后插入一个节点.要求写代码,5分钟之内完毕.面腾 ...

html range 后插入,javascript – range.insertNode()未按预期插入文本节点

html range 后插入,javascript – range.insertNode()未按预期插入文本节点相关推荐

最新文章

热门文章