草庐IT

contentEditable

全部标签

css - 防止 contenteditable 模式创建 <span> 标签

当我在div上使用浏览器contenteditable=true让用户更新其中的文本时,我遇到了这个问题(使用Chrome):当使用delete退格键删除换行符(跳回一行)时,浏览器会在该文本周围插入一个带有内联样式集的标签。这真的很令人沮丧,因为它不仅会这样做,还会向该span标签添加一个内联样式,例如,如果我的字体颜色当前为黑色,它会向该span标签添加一个style="color:black".结果是我无法再使用我的工具栏编辑该文本的颜色,因为它已被内联样式硬设置到span标记。如果我用删除键备份一行,那么字体大小也会发生同样的事情。这里的任何人都可以教我关于contentedi

javascript - HTML5,可拖动和 contentEditable 不能一起工作

当draggable在父元素上启用了属性()我无法制作contenteditable处理它的子元素()。焦点转到子元素(),但我根本无法编辑它。请检查此示例http://jsfiddle.net/pavank/4rdpV/11/编辑:我可以在禁用draggable时编辑内容在 最佳答案 我今天遇到了同样的问题,[使用jQuery]找到了解决方案$('body').delegate('[contenteditable=true]','focus',function(){$(this).parents('[draggable=true]

javascript - 是否可以在 contentEditable 元素中禁用或控制 "commands"?

据我了解,带有contentEditable="true"的元素是某种所见即所得的HTML编辑器。它生成与发出的命令相对应的相关HTML标记。例如,如果选择文本然后按Ctrl+B,则所选文本位于之间。标签。我需要在生成的文本中没有样式标签。如何抑制、劫持或控制这些命令的行为?我可以做的其他事情:事后过滤标签;但是用户会认为他们把事情加粗了,而实际上他们并没有加粗重新设置标签的样式,使其不显示,然后将其过滤掉;但我可能会忘记一个,或者样式表以某种方式被禁用不使用contentEditable除了textarea反而。但除此之外,contentEditable使突出显示正在编辑的段落变得非

javascript - contenteditable div 退格和删除文本节点问题

contenteditablediv和删除可编辑div中的html和/或非内容可编辑内容存在很多问题。在这里使用优秀的TimDown的回答:HowtodeleteanHTMLelementinsideadivwithattributecontentEditable?使用Tim的代码,整个文本节点被删除。我需要它像任何文本区域一样工作,逐个字符地删除并确保html元素也可以退格。我尝试了以下方法elseif(node){varindex=node.length-1;if(index>=0)node.deleteData(index,1);elsethis.removeChild(node

ipad - 在 ipad 上为 contenteditable 元素强制数字键盘

我在计时应用的几个部分中使用了contenteditable。由于我们正在记录时间,自然地,我希望键盘自动切换到ipad用户的数字键盘。我尝试将所有属性添加到我能想到的元素中,例如:类型=数字类型=电话模式=[0-9]*但ipad仍加载默认键盘。这是一个例子:3有什么技巧可以用来为我的ipad用户显示数字键盘吗? 最佳答案 您可以在contenteditable元素上设置inputmode属性来控制显示哪个键盘,至少在chrome和移动版safari中是这样。例如:我在这里测试了几个例子:https://notatoad.githu

JavaScript - 获取 contentEditable div 中当前行的 HTML

我有我的contentEditablediv:div{width:200px;height:300px;border:1pxsolidblack;}Loremipsumdolorsitamet,consecteturadipiscingelit.Morbisagittismaurisportaarcuauctor,velaliquamligulaornare.Sedatsemperneque,etdapibusmetus.Maecenasdignissimestnonnuncfeugiatsollicitudin.Morbiconsequateuismodconsectetur.Mau

javascript - 在 IE 中使用 contentEditable 的风险

我们必须为我们的产品添加一个基本的HTML编辑器。由于我们目前只支持IE(大多数客户仍在使用IE6),我被告知要使用InternetExplorer内置的XHTML编辑功能——例如如“EditingaWebPage”中所述。除了不能在其他浏览器中工作。(管理层认为这不是问题。我们的客户会忍受我们的软件只能在IE上运行。我们的软件只能在IE上运行,我们从来没有亏过钱;大多数客户目前只会让他们的员工使用IE6)contentEditable可能会遇到哪些其他问题?更新我用“contentEditable”编写的HTML编辑器被证明很难可靠,有很多problems.如果我必须再次这样做,我会

html - 如何在 contentEditable div 中制作可点击的 anchor ?

我有以下代码:BlahblahGoogleBlahblahFiddle有没有办法使这个a可点击,不可编辑,而无需在该div之外移动anchor? 最佳答案 只需将链接包裹在另一个div中,如下所示:BlablaGoogleBlabla​ 关于html-如何在contentEditablediv中制作可点击的anchor?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/120592

javascript - 通过javascript从contenteditable div中获取文本内容

我想通过javascript从contentEditablediv中检索文本内容。这样做有哪些选择?我试过innerHTML但它不起作用。 最佳答案 为什么不为此使用textContent:varcontenteditable=document.querySelector('[contenteditable]'),text=contenteditable.textContent;http://jsfiddle.net/E4W8y/1/ 关于javascript-通过javascript从

html - contenteditable=true 的div 可以通过form 传递吗?

可以SomeText被用来代替texarea,然后以某种方式通过槽形?理想情况下没有JS 最佳答案 UsingHTML5,howdoIusecontenteditablefieldsinaformsubmission?ContentEditable不能用作表单元素。只有javascript可以允许它工作。编辑:作为对您评论的回应...这应该有效。functiongetContent(){document.getElementById("my-textarea").value=document.getElementById("my-c