我有一些html,如下(对于IE9):
<div contenteditable="true">
Some editable text
<span class="code" contenteditable="true" unselectable="on">uneditable text</span>
more editable text
</div>
在IE9中,span内容必须设置为"true“以使span不可编辑,而在Chrome中,它被设置为"
我有一个包含span的内容可编辑的div,并且希望在输入div本身和div中的span时跟踪按键事件。
到目前为止,在firefox中,一切看起来都很好,但是在webkit浏览器中,div事件似乎覆盖了span事件。是否有一种方法,即使是在div范围内,也可以按下键?()
HTML:
<div id="ceDiv" contenteditable="true" tabindex="0" onkeydown="return fnKeyDiv(event);">
put your cursor/caret in this
我在父contenteditable=“true”中使用嵌套的contenteditable="false“元素有非常不同的行为:
<pre>
<div contenteditable="true">
<span>I'm supposed to be editable</span>
<p contenteditable="false">I'm NOT supposed to be editable.<br>Neither should I.&l
我使用带有‘不可编辑’插件的tinyMCE。
当我在tinyMCE-editor中标记了一些包含不可编辑区域的文本,然后将某些格式应用于此选择时,该格式将不会应用于不可编辑的片段。
例如:
我选择:
start Text <span class="mceNonEditable" data-mce-contenteditable="false">not editable area</span> end text
我想让它更大胆,结果是:
<strong>start Text </strong><span c
如您所见,至少在Chrome上,contentEditable属性在textarea上似乎被忽略了。
问题A:它应该是这样工作吗?
问题C:在contentEditable上使用textarea除了证明你是个白痴之外,还有什么其他的后果吗?
问题D:为什么没有问题B?开玩笑的,我今天早餐吃了个小丑。:D
textarea { /* not relevant for the question, only for the demo */
display: block;
width: 500px;
}
<textarea contentEditable="true"
现在,当我使用Reactjs和html5的"contentEditable“或”编辑“模式时,遇到了这个问题。
<div contenteditable="true">
<p data-reactid=".0.5">Reactjs</p>
</div>
当我键入Enter或Shift Enter to new line时,->使用前面的元素创建新的相同元素
<div contenteditable="true">
<p data-reactid=".0.5
我使用下面的超文本标记语言来确保内部的span是不可编辑的。这可以在其他浏览器中使用,但不能在IE8中使用。
<div contenteditable="true">
Luke, I am your father.
<span contenteditable="false">I'm your son?! Ewww!</span>
Don't speak back to me!
</div>
这里有一个JSFiddle来说明这一点(使用IE8来测试它):。
我如何确保IE8也能正确处理这个
当我在<div contentEditable>中使用<mark>标记时,将按预期标记文本。
现在,当我删除带有Backspace的标记并在删除后重新键入一些新字符(内容可编辑的最后一个字符)时,就会创建一个<font style="..."><span style="...">new text。
<div id="editable" contentEditable>
Here is some <mark>text</mark> for testing!
我创建了一个html表,并将td元素设置为contenteditable = true。如果我单击页面上的其他地方,就会“结束”内容的编辑,这意味着单元格不再高亮显示,并且键入字符不会将它们添加到单元格中。
我想通过按返回键来实现这一点。我已经有了一个键侦听器,以防止用户在按返回键时插入换行:
document.addEventListener('keydown', function (event) {
if (event.key === 'Enter') {
event.preventDefault();
var val
我在这里的目标是使多个div可编辑通过点击一个按钮。有办法通过使用类而不是ID来完成这个任务吗?我希望能够将可编辑类添加到我的站点的多个div中。是否有适合这项任务的插件或模块?我不想在浏览器中编辑代码或格式,只编辑文本内容。你的想法?
test test test test1 test test test test2 test test test test3
<script>
var editorBtn = document.getElementsByClassName('editBtn');
var element =