Tag: contenteditable

双击时div中的文本选择（contenteditable）

我有一些文本div和contenteditable =“true”。 当我单击这个div – 工作一些我的脚本时，它不是很重要。 当我双击这个div时 – 需要编辑div中的文本。 编辑文本只需要在双击之后，而不是单次之后。 而且非常重要，当我双击div时 – 插入符号需要留在鼠标光标下。 不需要选择文字。 我发现了一些单/双脚本。 但有问题。 当我双击div – 文本是选择。 选择没有必要。 需要我点击的编辑器插入符号。 我不明白怎么做。 http://jsfiddle.net/X6auM/

在与jQuery UI对话框和文本输入交互时保留满意的文本选择

我有一个jQuery对话框，用于在contentEditable span中创建链接。 问题是单击按钮打开对话框会导致选择丢失，对话框内的文本输入也会导致选择丢失。 我可以用-moz-user-select：none修复按钮; 但是-webkit-user-select：none在Chrome中不起作用。 我可以通过将输入包装在iframe中来修复输入，但是这很麻烦并且点击任何其他地方也会杀死选择，例如，拖动对话框。 我已经看到了如何在打开jQuery对话框时保留文本选择的解决方案，但这在许多浏览器中不适用于一个可信的元素，只有真正的输入。 我的问题有一个很好的解决方案吗？

jQuery：将文本URL转换为链接作为输入

我正在取得进展但不太确定如何使这项工作正常…… 我有一个令人满意的div，其function类似于textarea。 我还有一个正则表达式来识别输入的URL并自动链接它们。 我遇到了麻烦，但是当用户输入时，这项工作是“实时”的。 这是迄今为止我所拥有的jsFiddle 。 我遇到的另一个问题是在输入链接后光标跳转到div的开头（因为我正在替换div的.html() ？） 是否有创造性的解决方案在div中的单个文本字符串上使用.replace()而不必替换div的整个内容？

在contenteditable元素中插入链接

我正在开发一个简单的博客系统，我正在使用contenteditable，以便用户可以格式化文本。 到目前为止，一切都像魅力一样。 我想要的下一件事是用户可以在文本中添加超链接。 用户必须选择（部分）文本并单击链接按钮。 之后会打开一个弹出窗口，用户应该输入链接地址。 当用户点击接受按钮时，我想将链接添加到他们在contenteditable中选择的文本。 我怎样才能实现这个function，因为我不知道如何做到这一点？ 我的网站：http： //82.170.147.49/blog/3/alpha-release 我网站的jsFiddle： http ： //jsfiddle.net/qhN9j/

保存和恢复contentEditable div的插入位置

我有一个contentEditable div，其innerHTML可以在编辑时通过AJAX更新。 问题是，当您更改div的内容时，它会将光标移动到div的末尾（或根据浏览器失去焦点）。 在更改innerHTML然后恢复它之前，什么是存储插入位置的良好的跨浏览器解决方案？

Javascript Contenteditable – 将Cursor / Caret设置为索引

我将如何修改它（ 如何在contenteditable元素（div）中设置插入符号（光标）？ ）所以它接受一个数字索引和元素并将光标位置设置为该索引？ 例如：如果我有段落： This is a paragraph. 我打电话给： setCaret($(this).get(0), 3) 光标将移动到索引3，如下所示： Thi|s is a paragraph. 我有这个，但没有运气： function setCaret(contentEditableElement, index) { var range,selection; if(document.createRange)//Firefox, Chrome, Opera, Safari, IE 9+ { range = document.createRange();//Create a range (a range is a like the selection but invisible) range.setStart(contentEditableElement,index); range.collapse(true); selection = window.getSelection();//get the selection object (allows you to […]