问题标签 [inserthtml]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2854 浏览

getselection - execCommand insertHTML 中断存储的 window.getSelection()

当使用在页面中选择文本和恢复所选文本的方法时,我发现在两者之间运行execCommand('insertHTML...会导致存储的选择中断。

这是如何选择和恢复文本的示例。

这可以正常工作,但是一旦您运行execCommand('insertHTML..选择,就会endOffset将其自身设置为与选择相同的值startOffset

是否有一个原因?更重要的是有办法解决这个问题吗?


可以在此处查看该错误的完整示例,以及一些基本的控制台日志记录。 http://jsfiddle.net/blowsie/Y8pJ7/

这个小提琴的目的是选择文本,将其转换为大写,然后重新选择文本。

0 投票
1 回答
7819 浏览

javascript - 在 contenteditable 部分插入带有 div 和 span 标签的 HTML

在 contenteditable div 中,我尝试使用 insertHTML 插入特殊的<div>和/或<span>. 无论出于何种原因,这似乎是不允许的,因为 insertHTML 在插入剩余内容之前删除了 div/span。举个例子:

有谁知道做我想做的事情的解决方法或替代方法?自定义标签适用于 WebKit,但并不保证所有浏览器都支持该概念:

0 投票
1 回答
1849 浏览

inserthtml - 组件返回失败代码:0x80004005 (NS_ERROR_FAILURE) [nsIDOMHTMLDocument.execCommand]

当我尝试将 HTML 内容插入到 FireFox 的可编辑区域时,上面的代码总是抛出错误,但它在 chrome 中运行良好。

我的FF版本:18.0.1

0 投票
1 回答
811 浏览

jquery - 在 iframe js 的 div 中插入 html

我无法让这个工作。我试图在 iframe 内(在同一台服务器上)找到一个 div,然后在其中注入一些 html。

有什么想法吗?

0 投票
1 回答
2503 浏览

javascript - 如何在 Ckeditor 的光标位置放置一个 html 元素?

我很难成功地将我拖放到我的 Ckeditor 中的 html 元素。到目前为止,我刚刚能够使用“setData”将它放在我的内容的最后。但我想把它放在我光标所在的位置。

我的意思是,而不是这样做:

我想做这个 :

现在,我的代码看起来像这样:

  • 我试过 insertText 但它从来没有用过。
  • 然后我尝试了 insertHtml 但它仅在 IE 中有效。

你知道如何解决它吗?那将是一个很大的帮助!谢谢。

0 投票
2 回答
6106 浏览

javascript - Chrome execCommand 'insertHTML' 当插入符号位于节点内部时,将跨度插入节点外部

我的任务是在当前插入符号位置的 contentEditable div 中插入一个空的 span 节点。

以下内容在 Firefox 22.0 上没有问题:

HTML

Javascript

重现:在单词“text”的某个点放置插入符号,然后按“i”键在当前选择处插入一个空跨度。

见:http: //jsfiddle.net/amirisnino/pZecx/2/

例子:

在单词中间按“i”键时

预期结果:

相反会发生什么?

对此的任何帮助将不胜感激。先感谢您。

0 投票
1 回答
1014 浏览

twitter-bootstrap - 如何在 bootstrap-wysiwyg 中使用 insertHTML 或插入 html?

这个问题可能与这个问题相似

我正在使用 bootstrap-wysiwyg,我想在#editor div 中插入一些 html。我要插入的 HTML 应该在插入后由浏览器解释以对其进行格式化。例如当我插入:

我希望看到一些粗体字,而不是用“b”标签包围。我想我应该使用我在网站上找到的 insertHTML:Rich-Text_Editing_in_Mozilla。不幸的是,我没有找到任何简单的示例如何使用它。

我要求jquery 中的$("#editor").html(" some text") 之类的简单示例。

0 投票
1 回答
89 浏览

jquery - jQuery 切换通过 execComand insertHTML 插入的元素

jQuery 切换对通过 execComand insertHTML 插入 div 的元素不起作用

这是演示

0 投票
0 回答
68 浏览

ckeditor - 在 CKEDITOR 的编辑器#insertHtml 之后插入子树

为了在新注入的内容上正确初始化新的小部件功能,有必要insertHtml在 html 处理期间应用小部件处理/注入。通过插入现成的元素insertElementinsertElementIntoRange不会触发对新小部件的检查。

当需要向注入的内容(例如事件处理程序)添加不可序列化的元数据时,就会出现此问题。这必须在内容注入后完成,因为它不会存在,但我看不到获取insertHtml(或相关方法)返回对注入的 DOM 节点的引用的方法。

有没有办法,或者是否有必要添加可序列化的钩子(例如 id)并在注入后将其用于第二遍?

0 投票
0 回答
1173 浏览

html - 在富文本编辑器中,特殊字符被存储为特殊字符而不是它们的 HTML 代码

我们在 CQ 中使用带有特殊字符的富文本编辑器。

每当我们通过 RTE 中的按钮添加特殊字符时,都会添加该字符,但也会将其保存为源中的字符,而不是编码的 HTML 实体。

我们呼吁:

htmlToInsert中,我们发送的是日元等特殊字符的 HTML 代码值&#165;,但它是为日元节省 ¥,而不是&#165;.

我们只需要存储 HTML 代码值。请帮助我实现这一目标。