21得票5回答
Contenteditable DIV - 如何确定光标是否在内容的开头或结尾

我有一个contenteditable的div,其中包含典型的所见即所得编辑器HTML代码(粗体、锚点和列表)。 我需要在按下键时确定当前光标是否位于div的开头和结尾。这是因为根据光标位置和按下的键,我可能想在回退时将此div与前一个div合并,或在按Enter键后创建一个新的div。 ...

14得票4回答
将表格插入可编辑的 div 中

我有一个演示展示我的代码在做什么。我正在尝试使用JavaScript/jQuery将一个表格插入到可编辑的div中当前插入符号所在的位置。我正在使用Tim Down的Rangy库来实现这一点。我正在使用以下JavaScript进行操作。var range = getFirstRange(); ...

11得票1回答
当我只知道字符偏移量时,如何创建一个范围对象?

我有一个包含文本块的div,之前用户在该块中选择了一些文本,我创建了一个range对象来表示所选文本。我储存了所选文本起点和终点的偏移量,但是我现在在重新创建range对象(以便我可以操纵它)时遇到了问题。 "quotables"是包含所有文本的div。我不知道哪里出了问题。 va...

10得票2回答
替换可编辑div中的innerHTML

我需要在可编辑的div中实现数字高亮(未来我会添加更复杂的规则)。问题是,当我使用javascript替换插入新内容时,DOM发生了变化,可编辑的div失去了焦点。我需要的是保持焦点在当前位置,并让用户可以简单地输入而不会出现任何问题,并且我的函数可以简单地突出显示数字。在Google搜索后,...

9得票2回答
如何获取选择区域之前、之中和之后的HTML内容(非在textarea内)?

这是我想要实现的目标:当用户使用鼠标、键盘或触摸选择“myDiv”中的文本时,我想获取三个离散的HTML块:选择之前的HTML(在其“左侧”),选择内部的HTML和选择之后的HTML(在其“右侧”)。HTML应该与myDiv.innerHTML中显示的一样。 选择可能在标记对内部开始或结束(...

9得票3回答
由于错误800a025e,无法完成操作。

这个错误在IE10/11中是什么意思: Error: Could not complete the operation due to error 800a025e. 我该如何进行调试呢? 它说是这行代码: this.nativeSelection.removeAllRanges...

8得票4回答
在contenteditable中删除所选内容内的所有HTML标签。

我有一个 <div />,它是可编辑的,并且可以包含多种类型的HTML元素,例如<span />,<a />,<b />,<u />等等。 现在,当我在我的 contenteditable 中选择文本时,我希望有一个按钮,可以移除所...

8得票2回答
可编辑div:IE8无法满足使用退格键删除HTML元素的操作

我正在使用可编辑的div与rangy Javascript库结合使用,在光标位置插入HTML。 最终,div的内容通常如下: <div contenteditable="true"> "Hello " <button contenteditable="fa...

7得票1回答
使用 rangy 库获取选中文本的父节点

我正在使用rangy库,并可以按如下方式在可编辑内容中选择文本: var sel = rangy.getSelection(); alert(sel); 我不知道如何获取所选文本的父节点/元素。例如,如果我选择的文本是:,那么如何找到包含该文本的父节点/元素? <strong&g...

7得票1回答
用户选择:none 在Safari中表现不同。

我想要实现的目标 我正在构建一个类似于输入框的可编辑内容div。您应该单击div外部的某些标签,将它们添加到div内部,同时也能够在这些标签周围输入文字。 问题及如何重现 我使用user-select: none(normal和webkit)来防止选择标签按钮,从而丢失了插入符的位置。在...