rangy相关内容

当我只知道字符偏移时，如何创建范围对象?

所以我有一个包含文本块的 div，之前用户在这个块中选择了一些文本，我从这个选择中创建了一个范围对象.我存储了所选文本的起点和终点的偏移量，但我在重新创建范围时遇到了问题(所以我可以操纵它)."quotables" 是包含所有文本的 div.我不知道我做错了什么. var theRange = rangy.createRange();var node = $('.quotables').html ..

发布时间：2022-01-24 19:47:23 javascript html dom range rangy 前端开发

替换 contenteditable div 中的 innerHTML

我需要在 contenteditable div 中实现数字高亮(将来我会添加更复杂的规则).问题是当我使用 javascript 替换插入新内容时，DOM 更改和 contenteditable div 失去焦点.我需要的是专注于当前位置的插入符号的 div，这样用户就可以毫无问题地输入，而我的功能简单地突出显示数字.谷歌搜索我认为 Rangy 库是最好的解决方案.我有以下代码: 函数 for ..

发布时间：2022-01-24 19:18:02 javascript html range contenteditable rangy 前端开发

用Rangy读取带有span标签的选择

我正在使用Rangy中的CssClassApplier设置选择的字体大小: .font16 {font-size: 16px;} .font17 {font-size: 17px;} .font18 {font-size: 18px;} var font16Applier = rangy.createCssClassApplier("font16"); function applyfo ..

发布时间：2020-07-05 05:18:17 rangy 其他开发

对象< object>没有方法"methodeX"

我在chrome中出现错误: 未捕获的TypeError:对象s1A没有方法'applyToSelection' 在Firefox(萤火虫)中，我得到了: TypeError:val.applyToSelection不是函数 我使用rangy-core和rangy-cssclassappliere 我的代码: ..

发布时间：2020-07-05 05:18:13 typeerror rangy 其他开发

Range.deserializeSelection校验和错误?

这是此的后续问题.我已经序列化了iframe中的文本选择并想要恢复它，但是它给了我一个错误，“未捕获的错误:deserializeRange:序列化范围根节点(XXXXX)和目标根节点(XXXXX)的校验和不匹配" var iframe = $("iframe")[0]; var selection = rangy.getSelection(iframe); var serializeSel ..

发布时间：2020-07-05 05:18:10 javascript rangy 前端开发

使用Rangy，即使我通过setStartBefore方法扩展了范围，range.canSurroundContents方法仍然返回false

我有以下html: Morbi quis augue vitae quam pharetra| varius at at| urna. 所选内容用|字符标记.以及所选内容的屏幕截图: 我可以扩展此选择以包含带有以下代码段的整个'a'元素(使用Rangy库$('body').on('mouseup', '[contenteditable] ..

发布时间：2020-07-05 05:18:06 javascript range selection textselection rangy 前端开发

为什么Rangy库在Opera中不能与contenteditable一起使用?

我在可内容编辑的DIV中使用了流行的语言库.我的代码很简单: var saved_selection = false; $('#contenteditable').bind('keypress mouseup', function(e){ $(this).find('.rangySelectionBoundary').remove(); saved_selection = rang ..

发布时间：2020-07-05 05:18:02 selection opera contenteditable rangy 其他开发

TypeError:g.rangy.saveSelection不是使用textangular + rangy + browserify的函数

我正在尝试在使用browserify打包的Angular.js项目中实现textAngular. 我通过npm安装了rangy和textAngular.它们包括如下: global.rangy = require('rangy'); require('angular-sanitize'); require('textangular'); 当通过gulp用browserify编译软件 ..

发布时间：2020-07-05 05:17:58 javascript angularjs browserify rangy textangular 前端开发

兰吉:创建新的重点是记住旧的重点

我正在使用Rangy中的突出显示模块. 我有一个div元素，其中包含一些html. html实际上是使用ajax从文件中加载的，我有一个按钮可以执行此加载. 一旦加载了文本，我可以选择显示的html的一部分，然后按我的“突出显示"按钮.这会调用一些Rangy代码，并根据需要突出显示文本... //called on document load rangy.init(); cssA ..

发布时间：2020-07-05 05:17:56 javascript rangy 前端开发

不支持不连续选择

我正在尝试bootstrap-wysihtml5-rails，我正在使用Twitter Bootstrap 2 但是当我得到图像中的结果时，出现错误: Discontiguous selection is not supported. 我试图这样window['rangy'].initialized = false;: ..

发布时间：2020-07-05 05:17:52 ruby-on-rails-4 twitter-bootstrap-2 rangy bootstrap-wysihtml5 其他开发

Angular 4和模块:Rangy

我是Angular 4的新手，我刚刚创建了一个简单的应用程序，用于Angular快速入门，现在我正尝试导入在package.json上，我现在具有以下依赖项: "rangy": "^1.3.0", "@types/rangy": "^0.0.27" 我希望能够简单地做一个 import {RangySelection} from 'rangy'; 但这只是给我错误 TS2 ..

发布时间：2020-07-05 05:17:48 angular typescript npm rangy 其他开发

用户选择:在Safari中没有人表现出不同

我要实现的目标 我正在构建类似输入内容的可编辑div.您应该单击div外部的一些标签以将其添加到div中，同时也可以在所述标签周围输入内容. 问题及其重现方法 我正在使用用户选择:none(正常和webkit)使标签按钮不被选中，因此失去了插入符号的位置.它可以在Firefox和Chrome中运行，但不能在Safari中运行(我知道-webkit-前缀并正在使用它). 这里 ..

发布时间：2020-07-05 05:17:47 javascript html css vue.js rangy 前端开发

由于错误800a025e，无法完成操作

此错误在IE10/11中意味着什么: Error: Could not complete the operation due to error 800a025e. 那我该如何调试呢? 它说这行: this.nativeSelection.removeAllRanges(); https://code.google.com/p/rangy/source/browse/ ..

发布时间：2020-07-05 05:17:44 javascript internet-explorer internet-explorer-10 internet-explorer-11 rangy 前端开发

在Rangy中保存位置时，插入符号在Firefox中消失

这仅在Firefox中发生. 重要提示:我使用保存插入符号的位置rangy.saveSelection(): 点击内容可编辑的div 关于按键 在将外部html元素(作为节点)添加到内容可编辑div时 我需要通过多种方式不断保存的位置，以便能够在点击时插入html元素(我有一些标签). 当我单击contentEditable div且div为空时(假设是第一个焦点)，除 ..

发布时间：2020-07-05 05:17:40 javascript html firefox selection rangy 前端开发

兰吉& ContentEditable-设置插入符号

我正在尝试使用最新版本的"rangey" jQuery插件(1.2 beta)，以可修改内容的DIV中的插入符号设置特定的偏移量. 但是，它在Firefox中出现一个奇怪的错误: 安全错误"代码:"1000 这是令人讨厌的代码: var el = $("#editablediv"), index = 11; var range = rangy.createRange(); ran ..

发布时间：2020-06-27 22:10:20 jquery contenteditable rangy 其他开发

javascript execCommand('delete')不会删除Chrome中的所有选择div

我尝试编写一个具有contenteditable& execCommand 在Firefox上一切正常，但是在chrome中，“删除"命令存在错误. 请查看下面的照片: 这是我的代码: var $obj = $('#myBlockDivId'); var selection = rangy.getSelection(); if (selection.rangeCount > 0) ..

发布时间：2020-06-14 18:44:52 javascript google-chrome contenteditable rangy execcommand 前端开发

添加< h1>选择周围

我有一个jsfiddle - http://jsfiddle.net/88em6qq9/ - 我在哪里尝试在整行的选择中添加 标记：“这里有一些内容，这里也是” 选择整行并释放鼠标按钮会进入处理程序，但使用setStartBefore（）和setEndAfter（）将开始和结束点四舍五入会使我进入不同的开始和结束容器，因此环绕声不起作用。 如果我在自己的 中加上 ..

发布时间：2019-06-07 17:43:07 javascript range rangy 前端开发

使用rangy库获取所选文本的父节点

我正在使用 rangy 库，可以选择内容中可编辑的文字，如下所示： var sel = rangy.getSelection（）; alert（sel）; 我无法弄清楚如何获取所选文本父节点/元素。例如，如果我选择的文字是 我的文字 或 我的标题 我如何包含强节点或H1元素？ ..

发布时间：2019-06-06 04:12:26 javascript rangy 前端开发

如何使用rangy从iframe中获取所选文本？

这是后续问题 。我一直试图使用rangy从iframe中获取所选文本。该代码似乎适用于非iframe内容。根据 rangy的文档，它应该有效。 以下是演示： http：// jsfiddle .net / codef0rmer / UuJ5G / 解决方案 您的示例中的问题是iframe的文档来自不同的来自主文档的域，这意味着在主文档中运行的脚本根本无法访问iframe中的文档。如果 ..

发布时间：2019-05-27 15:22:05 javascript rangy 前端开发

Rangy（JS / jQuery）拆分节点

如何在一个位置（选择）拆分节点/元素。 示例我有这个标记： 这是 a te | st，你喜欢吗？ （此管道代表仓位/选择） 我想将其转换为： 这是 a te | st，你喜欢吗？ ..

发布时间：2019-02-19 19:21:26 javascript jquery rangy 前端开发