46得票6回答
从contentEditable div中提取文本

我有一个使用了“white-space:pre”样式且设置了contentEditable属性的div,这样可以保留诸如换行符之类的格式,在Safari、Firefox和IE中,这个div看起来并工作得很好。我想要做的是从这个div中提取文本,但不会失去格式,特别是换行符。 我们正在使用jQ...

46得票3回答
contenteditable元素中的selectionStart和selectionEnd

我一直在努力使用元素的selectionStart和selectionEnd属性,以使它们与可编辑的元素配合使用。我在谷歌和SO上查看了很多相关文章,但都没有成功。我有以下类似于元素的代码,它能完美地工作。但是我希望这段代码也能用于可编辑的元素。function replaceVal(node...

43得票9回答
从contentEditable div中删除格式

我有一个可编辑的 Div,我想去除任何格式,特别是复制和粘贴文本时的格式。

43得票5回答
AngularJS和contentEditable的双向绑定不像预期的那样工作

为什么在下面的例子中,初始渲染值是{{ person.name }}而不是David?你该如何修复它? 这里有实时示例 HTML:<body ng-controller="MyCtrl"> <div contenteditable="true" ng-model="p...

42得票5回答
如何在可编辑的div中选择所有文本?

在这个问题被标记为重复之前,我希望您意识到没有人为这个具体的问题提供了一个好的答案。在select all text in contenteditable div when it focus/click中,被接受的答案和Tim Down的答案都不是有用的,因为它们只在元素已经聚焦时起作用。在我...

39得票6回答
HTML contenteditable带有不可编辑的区域

我有一种基于浏览器的所见即所得编辑器,用户可以在其中编辑文档模板。 文档模板是普通的HTML代码,包含一些特殊的“合并代码占位符”。通过将这些占位符替换为来自数据库的数据,此类模板将被“实例化”,从而生成最终文档——即模板的一个实例。 我的当前方法如下:<div contentedi...

39得票7回答
Vue 2中使用v-model实现可编辑内容

我正在尝试制作类似于 Medium 的文本编辑器。我使用 contenteditable 段落标签并将每个项目存储在数组中,然后使用 v-for 渲染每个项目。但是,我在使用 v-model 绑定文本和数组时遇到了问题。似乎 v-model 和 contenteditable 属性之间存在冲突...

38得票2回答
Contenteditable允许仅使用纯文本

我正在尝试创建一个只接受纯文本的可编辑内容。 我想要的是监听粘贴事件,然后删除所有HTML并将其作为纯文本粘贴到可编辑内容中。 为了做到这一点,我已经尝试了两种不同的方法,基于类似问题的答案,但这两种方法都存在问题。 第一种方法: 这种方法没有使用“粘贴”侦听器,而是侦听输入(不适用于此情况)...

38得票1回答
获取光标位置处(在contentEditable中)的元素节点

假设我有一些像这样的HTML代码:<body contentEditable="true"> <h1>Some heading text here</h1> <p>Some text here</p> </body&...

37得票2回答
有哪些支持contenteditable的编辑器?

这个问题应该作为所有不同可编辑内容解决方案的列表。在下面的答案中发布新的解决方案。