草庐IT

contenteditables

全部标签

javascript - 如何在 iOS 中通过 jQueryUI、jQuery Mobile 和 touchpunch 使图像在 contenteditable div 中可排序?

我尝试通过jQueryUI、jQueryMobile和touchpunchplugin在contenteditable="true"div中的文本周围拖动图像我想让图像可以像http://jsfiddle.net/xFfYT/1/这样的文本移动在桌面上。图片可以在文本行或其他标签中移动。MakeImagesSortableoniOSThisisfirstpictureandsecondpicturedragtoswapitintotextpositionsecondparagraphSampleneedtotestoniOSiOS上哪个jQueryMobile,我用这个touchpun

javascript - 在 contenteditable 中禁用 IE 8-11 中的 (img) 调整大小句柄,并尽可能删除它们

这个问题可能已经被问过好几次了,但是我仍然无法解决问题。我正在构建自己的WYSIWYG,其中一个选项是将图像插入contenteditable元素(div)。在IE(8-11)中,调整大小的句柄被附加到单击的图像上。我想删除那些句柄并完全禁用在IE中调整大小。还能够在IE8-10中的contenteditable元素中注册图像的点击事件。到目前为止我尝试了什么将父元素的onresizestart属性(所见即所得)设置为function(){returnfalse;}document.getElementById('wysiwyg').onresizestart=function(){r

javascript - contentEditable - Firefox <br/> 标签

Firefox插入一个按回车键时标记,而其他浏览器则添加或.我知道chrome和safari正在插入contentEditablediv的firstchild的相同标签。Firefox也是如此,但是,如果第一个标签的innerHTML为空,则Firefox只是忽略该标签并通过将默认节点插入第二行来创建新行,并直接在编辑器内而不是在子节点内写入。所以基本上,我希望Firefox在给定的标签内写入,并在每次按下enter时继续插入那种节点。如何做呢?有什么建议么? 最佳答案 我找到了解决方案:)为了使这项工作正常进行,您必须为插入符号的

javascript - 富文本编辑 - designMode 与 contentEditable

创建跨浏览器富文本编辑器时。您会使用哪个?为什么?请记住,粘贴必须具有弹性以抵御多种来源(记事本、word、其他网站),并且不应依赖于任何Javascript库。 最佳答案 您可能需要contentEditable。designMode适用于文档,contentEditable适用于特定元素及其子元素。http://blog.whatwg.org/the-road-to-html-5-contenteditable 关于javascript-富文本编辑-designMode与conten

javascript - IE 的 contenteditable 模式下的图像调整大小句柄

如何在IE7+的contenteditable模式下有选择地关闭图像大小调整handle?我尝试将图像的contentEditable设置为false并将其onresizestart设置为“returnfalse”,但无济于事。我正在使用tinyMCE。 最佳答案 设置unselectable="on"为您的图像。适用于较旧的IE,但最近已弃用。 关于javascript-IE的contenteditable模式下的图像调整大小句柄,我们在StackOverflow上找到一个类似的问题:

javascript - 剪切/粘贴/移动后如何在 contentEditable DIV 中保留与 XML 关联的数据

我想要一个包含用户输入的XML的contentEditablediv。我将如何在每个节点上存储一组隐藏数据,这些数据即使在剪切/粘贴(即移动)后也会持续存在?我试过在XML中嵌套一个隐藏元素,假设该元素会在剪切/粘贴期间被浏览器移动,但它被删除了。可以选择为每个节点生成索引/哈希作为属性并将其与内存中的对象相关联,但出于可用性原因我想避免这种情况。这样做的目的是精简XML以使其更具可读性,而不是具有大量属性。 最佳答案 显然我没有做足够的测试。似乎只要您给元素至少一个属性,剪切/粘贴就可以工作,而且您不使用display:none.

javascript - 在 Javascript contenteditable div 中插入文本

有什么方法可以将文本(字符串,可能有也可能没有html标签)插入到div中?它必须是div而不是textarea。首先,我需要获取光标位置,然后在该位置插入文本。类似于函数insertAdjacentText,但它只能在标签之前或之后插入,并且只能在IE中使用。引用这个网址:http://yart.com.au/test/iframe.aspx.请注意如何将光标定位在div中,我们需要在光标位置添加文本。 最佳答案 如果您需要做的只是在当前选择/插入点插入HTML,那是可行的。在我的脑海中(让你开始):在IE中,使用document

javascript - 如何在不中断撤消的情况下在 contentEditable 范围内粘贴纯文本?

奇怪的是具体问题,但我已经有了一个解决方案,可以通过使用隐藏的将纯文本粘贴到textarea中,这似乎工作得很好,只是它破坏了浏览器的撤消功能。马上我就不担心跨浏览器的解决方案;我只关心Chrome。我的方法大致如下:$('.editable').live('paste',function(){var$this=$(this);//morecodeheretoremembercaretposition,etc$('#clipboard').val('').focus();//putthefocusinthehiddentextareasothat,whenthepasteactuall

javascript - 是否有跨浏览器的 jQuery contentEditable 库?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭9年前。Improvethisquestion我正在寻找一个jQuery插件/库,它可以使contentEditable属性在所有主流浏览器中正常工作(我什至可以不用IE6)。我不需要完整的WYSIWYG编辑器解决方案,因为我想构建自己的解决方案–但是我专注于用户体验,所以我更喜欢

javascript - contenteditable 元素中类似标签的自动完成和插入符号/光标移动

我正在开发一个jQuery插件,它可以让你做@username样式标签,就像Facebook在其状态更新输入框中所做的那样。我的问题是,即使经过数小时的研究和实验,简单地移动插入符号似乎真的很难。我设法注入(inject)了用某人的名字标记,但在它后面放置插入符号似乎是火箭科学,特别是如果它应该在所有浏览器中工作。而且我什至没有考虑替换输入的@username带有标签的文本,而不是像我现在正在做的那样注入(inject)它...大声笑StackOverflow上有大量关于使用contenteditable的问题,我想我已经阅读了所有这些问题,但它们并没有真正涵盖我需要的内容。因此,任何