Tag: contenteditable

禁用新的blockquote contenteditable: 如果在COntentent可编辑javascript或jQuery上输入keypress，则禁用新的blockquote HTML This is a paragraph. Lorem Ipsum… This is a blockquote. Enter here CSS blockquote { background: beige; padding: 10px; border: 2px dashed #dadada; } 片段 blockquote { background: beige; padding: 10px; border: 2px dashed #dadada; } This is a paragraph. Lorem Ipsum… This is a blockquote. Enter here

如何在按键上更改contenteditable输入字符: 我有一个内容可编辑的div，我想在按键事件触发时修改输入字符： $(‘#div’).on(‘keypress’, function (e) { e.preventDefault(); $(e.target).trigger(jQuery.Event(‘keypress’, { which: e.which + 1728 })); }); Hi I am a div 为什么这不起作用？

将焦点居中放在div contentEditable中的焦点（水平和垂直居中）: 我有许多textarea的表（已经改为使用属性contentEditable div ），还有CSS我做了innerHTML水平和垂直居中。一切都工作正常，只有一件事是不行的 – 当你输入div ，所以它的焦点，光标在左上角，但当你开始写它移动到中心。我怎么办，当你聚焦div ，光标会在中心？在这里看演示非常感谢。编辑：抱歉，我的错，它不仅适用于Firefox。

HTML5 ContentEditable: 我有一些关于HTML5 ContentEditable和PHP的问题，如果你能提供我想要做的事情的例子，我会很高兴，所以我可以得到一个想法。我有一个网站，我想编辑，但只有“管理员”登录 – 我可以做登录的事情，但我不知道如何编码HTML5 ContentEditable到它，以便它不会加载“管理员”尚未登录如何保存HTML5 ContentEditable中更改的内容？

Rangy＆ContentEditable – 设置Caret: 我正在尝试使用最新版本的“rangy”jQuery插件（1.2 beta）来将插入符号设置为具有特定偏移量的可信DIV。但是，它在Firefox中响应了一个奇怪的错误：安全错误“代码：”1000 这是违规代码： var el = $(“#editablediv”), index = 11; var range = rangy.createRange(); range.setStart(el, index); var sel = rangy.getSelection(); sel.setSingleRange(range); 调用setStart函数时代码失败。有谁能举一个正确使用rangy的例子吗？

查看ContentEditable div是否具有焦点: 我试图检查一个可信的div是否有焦点，但我遇到了一些麻烦。到目前为止，这是我的代码： if ($(“#journal-content:focus”)) { alert(“Has Focus”); } else { alert(“Doesn’t Have Focus”); } 问题是，它总是返回“有焦点”，即使它没有。这样做的最佳方法是什么？更新：执行此操作的原因是在插入新元素之前查看光标是否位于所需位置。否则，如果用户单击的最后一个位置在标题中，那么当我使用Rangy恢复选择并将其替换为新元素时，它最终会出现在标题中。我需要一种方法来确定contenteditable div是否已被聚焦/将光标放在其中，所以如果没有，我将简单地追加我在最后插入的元素。更新2：这是一个说明我的问题的JSFiddle： http ： //jsfiddle.net/2NHrM/

内容可在角度js中编辑: 我有一张桌子如下图所示 ╔═════╦═════╦═════╦═════╗ ║ A ║ B ║ C ║ D ║ ╠═════╬═════╬═════╬═════╣ ║ abc ║ pqr ║ XYZ ║ RSY ║ ╚═════╩═════╩═════╩═════╝ 现在，在此表中，我使用content-editable的HTML5作为column B 有了这个，我就可以编辑column B的内容。现在，在这里，当我编辑它时，有没有办法通过我将知道哪一行已被编辑和列的值An也是如此，假设我已编辑 pqr -> aaa 那应该是这样的 ╔═════╦═════╦═════╦═════╗ ║ A ║ B ║ C ║ D ║ ╠═════╬═════╬═════╬═════╣ ║ abc ║ aaa ║ XYZ ║ RSY ║ ╚═════╩═════╩═════╩═════╝ 现在我正在使用jquery来了解表的内容。 Annotation Field […]

修改contenteditable div中的文本而不重置插入符（光标）位置: 我试图/any thing in here/用/any thing in here/中的/any thing in here/替换任何/any thing in here/任何实例，因为在一个可信的div中进行了更改。我当前的实现工作，但在每个按键时，插入符号被移动到div的开头，使得实现无法使用。在替换div的内容时是否有某种方法可以保持插入位置？ $(‘.writer’).on(‘keyup’, function(e) { $(this).html($(this).html().replace(/\/(.*)\//g, ‘\/$1\/’)); });

如何在contenteditable div中创建一个段落？: 我正在为我的一个项目编写一个简单的编辑器，我需要使用一个可编辑的div使用contenteditable属性。我需要两个function：两次进入后自动插入hr 在输入时创建一个段落而不是，并专注于它。所以我写了这个（有一些灵感），这是负责的代码的一部分： var intercept = { keydown: function(e) { if( e.which == 13 ){ intercept.enterKey.call(null, e); } }, enterKey: function(e) { var $lastElm; // Find the previous elm if (document.selection) { // IE $lastElm = $(document.selection.createRange().parentElement()); } else { // everyone else $lastElm = $(window.getSelection().anchorNode); } // Handle enter key if( […]

将光标设置为contenteditable div的结尾: 我试图将光标设置为next / prev contenteditable标记的末尾，如果当前的标记为空，但是当我设置焦点时，它会将焦点添加到文本的开头而不是结束尝试几乎所有解决方案都在SO上但似乎没有为我工作。这是我正在尝试的简单代码 HTML代码 Content one Content 2 Content 3 Content 4 JS代码 $(‘#main div’).keydown(function(){ if(!$(this).text().trim()){ $(this).prev().focus(); //setCursorToEnd(this.prev()) } }); function setCursorToEnd(ele) { var range = document.createRange(); var sel = window.getSelection(); range.setStart(ele, 1); range.collapse(true); sel.removeAllRanges(); sel.addRange(range); ele.focus(); }