104得票10回答
将焦点设置在可编辑div元素上

我有一个<div contenteditable=true>,我通过所见即所得编辑器定义了一些元素。例如<p>、<h1>等。我想直接将焦点放在这些元素之一上。 例如,在 <p id="p_test"> 上。但似乎 focus(...

86得票7回答
Google Chrome在页面上出现奇怪的光标闪烁,以前从未见过这种情况。

最近注意到在Google Chrome中,点击元素时会显示光标闪烁,这真让人毛骨悚然。HTML页面元素变得可编辑了吗?这在Mozilla上没有发生,而且在Chrome上启用的扩展程序有以下几个: - Apollo Client Developer Tools - Authenticator ...

80得票4回答
在可编辑的div中插入HTML代码

我有一个带有contenteditable属性的div,我用jquery捕获按键事件,当按下enter键时调用preventDefault()方法。类似于这个问题中在光标处插入文本的方法,为了简洁起见,我们假设要直接插入html标记,比如br标记。使用上面问题中的答案,在IE浏览器中可以使用r...

78得票7回答
在可编辑的div中插入光标处的文本

我有一个可编辑的div,需要在光标位置插入文本, 在IE中,可以很容易地通过 document.selection.createRange().text = "banana" 实现 在Firefox/Chrome中有类似的实现方式吗? (我知道这里有一个解决方案,但无法在可编辑的di...

75得票10回答
内容可编辑的单行输入

我们公司正在开发的应用程序需要一个支持在基于JavaScript的Web应用程序中插入表情符号的输入框。目前,我们正在使用带有表情符号短代码(例如“:-)”)的输入框,并希望切换为插入实际的图像。 我们最初的计划是使用contenteditable<div>。我们使用侦听器来监听...

74得票8回答
处理contentEditable DIV中的换行问题

我在SAFARI/CHROME上使用contenteditable时遇到了换行问题。当我在一个可编辑的<div>中按下“回车”键时,它们会创建一个新的<div>而不是像Firefox一样创建一个<br>标签:<div>Something</...

72得票13回答
避免contentEditable中的行/段落换行

当在Firefox中使用contentEditable时,是否有一种方法可以防止用户通过按Enter或Shift + Enter插入段落或换行符?

71得票8回答
如何在Angular2中使用[(ngModel)]来编辑div的contenteditable内容?

我正在尝试使用ngModel来进行双向绑定div的contenteditable输入内容,如下所示:<div id="replyiput" class="btn-input" [(ngModel)]="replyContent" contenteditable="true" data...

68得票11回答
contenteditable中的占位符 - focus事件问题

我之前一直在试图提出问题,但并没有成功地解释或提供一个能够展示错误发生的工作示例。所以,这里再试一次: 我正在尝试在可编辑DIV上复制占位符效果。核心概念很简单:<div contenteditable><em>Edit me</em></div&g...

67得票4回答
使用contentEditable div相比于textarea有哪些缺点?

如果我使用带有属性 contentEditable =“true” 的 div 代替 textarea 作为文本字段,是否会自讨苦吃?