Tag: contenteditable

在可满足的范围内保留至少一个P元素: 我有一个满足于元素的内容，如下所示 dummy content here !!!!! 当我单击键盘上的退格键直到它删除所有文本时，如果我再次单击退格键，它也会删除元素！在我的情况下，我想在那里至少保留一个元素 $(document).on(‘keydown’, ‘[contenteditable=true]’, function(e){ var contenteditable = $(this) if(e.keyCode == 8){ // if backspace var p = contenteditable.find(‘p’); var pLength = p.length; if(pLength == 1){ // if only one exists inside contenteditable var pHtml = p.html(); // if only is still inside then prevent // the […]

如何在父contentEditable div中键入？: 如何在子contentEditable div之外输入contentEditable div，而不保留子类，并且不会将contenteditable更改为false。小提琴 meatball 应该是这样的： meatball spaghetti 不是这个： meatball spaghetti

粘贴结束标记，而不会在contenteditable中生成开始p标记: 我有一个令人满意的div：当我按下ENTER时，我想要新的段落形成，为此我拦截了ENTER keydown并通过插入html代码替换默认操作： $(“.content”).on(“keydown”,function(e){if(e.which == 13) { e.preventDefault(); pasteHtmlAtCaret(“”);}}); 我希望当我按下ENTER键时，将关闭现有段落并打开一个新段落。所以，如果我键入：’hello world’+ ENTER，我应该： hello world 你可以在哪里识别件。我观察到了不同的行为。我明白了： hello world 所以似乎第一个已经产生了一个开始的标签，并且在 tag 之前的产生了一个匹配的结束p标签。这是否意味着我的浏览器忽略了包装？当我插入一小段html代码时，如何避免产生新的p标签？我正在使用Chromium和jQuery 1.7.2。

如何在内容可编辑的div中显示插入位置附近的自动建议div: 我有一个内容可编辑的div，当我输入一个字符时，我试图在我的插入位置附近显示一个自动建议。我正在寻找这样的东西.. 但下面的代码不起作用 var editor = document.getElementById(‘myDiv’); var t=$(editor).offset().top; var l=$(editor).offset().left; var caretPosition = getCaretPosition(editor); var autoSuggestionDiv = document.getElementById(‘divResult’); autoSuggestionDiv.style.top = t + caretPosition + “px”; autoSuggestionDiv.style.left = l + caretPosition + 20 + “px”; var inputSearch = getCharacterPrecedingCaret(editor); var dataString = ‘searchword=’+ inputSearch; if(inputSearch!=”) { $.ajax({ type: “POST”, url: “Search.aspx”, data: dataString, cache: false, […]

jquery – 合并堆叠的DOM元素: 我有通过contenteditable div格式化的HTML。我想让它更简洁，更现代的HTML。我可以轻松地替换任何b，strong，em，font等标签并用span替换它们，但结果会生成“堆叠”元素。例如，我可能有： some text 我希望看到： some text 困难的部分是它需要处理： some text not underlined 我已经做了很多搜索和思考，但没有找到任何合理的东西。

元素和jQueryvalidation插件的问题: 我准备了一个演示 [contenteditable]元素没有HTML表单的DEMO 。至于我，这是一个问题，因为jQueryvalidation插件需要forms。从383行开始查看此处的源代码片段： function delegate( event ) { var validator = $.data( this.form, “validator” ), eventType = “on” + event.type.replace( /^validate/, “” ), settings = validator.settings; if ( settings[ eventType ] && !$( this ).is( settings.ignore ) ) { settings[ eventType ].call( validator, this, event ); } } $( this.currentForm ) .on( “focusin.validate […]

如何告诉jQuery内容可编辑div已更新: 我想使用jQuery来选择已添加到HTML5内容可编辑div的项目。它现在不起作用，因为页面加载时该项目不存在。如何告诉jQuery div已更新？请参阅此jsfiddle以获取测试代码： http ： //jsfiddle.net/kthornbloom/sjHYQ/ $(document).ready(function() { $(‘#editor img’).click(function(){ $(this).fadeOut(); }); }); 我已经看到了关于此的其他问题，但似乎没有一个适用于内容可编辑的div。

在Firefox中阅读多行知识文本: 让我们读一个令人满意的元素： This is editable.Yes it is. 刚刚在文本末尾手动添加两个空格后。我明白了： textContent => “This is editable.Yes it is. ” innerText => undefined innerHTML => “This is editable.Yes it is. ” jQuery .text() =>与textContent相同，即断行丢失如何获得”This is editable.\n Yes it is. ” ？（当然一些正则表达式可以在innerHTML上运行，但那很脏：也许有很多东西我应该解析……）

如何防止IE10中意外删除可信的ul？: 我想在页面上有一个满足的ul。但是，在Internet Explorer 10中，如果单击它，使用右键单击菜单或CTRL + A选择all，然后删除，ul元素将从页面中删除。什么是防止这种情况的最佳方法，或者至少检测它何时发生并插入替换ul？

jQuery UI sortable＆contenteditable = true不能一起工作: 我正在创建一个列表，并希望使其项目可排序和可编辑。所以我这样做： A B C $(“#ul_list”).sortable(); http://jsfiddle.net/7jzVa/ 但是，如果我使用jquery ui sortable，那么我的列表项目正在失去编辑的焦点，这就是为什么我无法编辑它们。所以请建议我该怎么做？