问题标签 [inserthtml]

我有 contenteditable div，并在里面包含文本。

我需要插入代替插入符号关闭和打开跨度标签。喜欢：

我试图通过 insertHTML 做到这一点：

它在 Crome 中工作，但 Firefox 生成 span 对象并在此处插入（插入有效的 html）。事实证明：

有谁知道如何在 contenteditable div 中拆分 span 标签？提前致谢

我正在关注 JS 的 w3school 初学者教程。从下面的代码中有一些我不明白的东西：

有人可以解释我的逻辑text+=cars[i]吗？我理解这+=意味着增量，但我无法理解将数组元素添加到变量文本背后的逻辑。

非常感谢您的快速回复！我有一个后续问题：是否有替代方法来显示相同​​类型的信息而必须使用

和

几段代码？如果是这样，代码片段会是什么样子，如果不是，我应该在 HTML 中插入什么

?

再次感谢！

我正在学习 JS 以及如何添加数组元素。我想将表单中提交的信息作为新的数组元素显示在下面。找不到使用JS的方法。有人可以帮忙吗？到目前为止，在我的代码下面找到它不起作用：

谢谢！

我目前正在研究 MailMerge Word-doc。它部分用字符串填充，部分用html（可以包含表格、图片、粗体/斜体/下划线文本等）填充。与默认单词对齐方式相比，单词 doc 还具有自定义对齐方式（因此标尺left, top, right, bottom类似于1.5, 0.3, 0.3, 0.3我的 MailMerge word-doc 中的内容，而 word-default 类似于2.5, 2.5, 2.5, 2.5.）

现在的问题是InsertHtml跳转（并且似乎遵循默认的单词对齐，而不是我们的自定义对齐），而不是由 word-doc 中存在的静态文本和表格对齐。

我知道 MailMerging 使用默认的 MS Word 函数来插入 html，所以问题可能在于该默认函数而不是 Apose 的 MailMerging。我只是想知道是否有人知道解决方案。

这是结果的外观示例。我已经将标尺包括在标尺上X设置的位置以进行对齐。假设我们在 HTML 部分插入的文本是非常基本的，例如纯文本：“这是一个测试 HTML 文本”。Word-doc 模板如下所示：

但是 MailMerging 之后的结果是这样的：

html 文本在默认的 Word 标尺下不正确地对齐，而不是该文档的自定义之一。

（PS：我知道带括号的 MailMerging{{Something}}比 使用少<<Something>>，但两者的工作原理相同。我曾有人质疑我们过去使用的 MailMerge 语法，因此请注意。）

这是我们.NET项目中的相关代码：

打印 DTO 对象：

当我们点击 Generate Document 按钮时的方法：

CreateMyObjectPrintAsBytes-方法：

DocumentConvert.GenerateDocument-方法：

HandleMailMergeFieldInsertHtml-班级：

我确实尝试在代码中设置documentBuilder's.PageSetup.LeftMargin来更改文档的标尺。这确实改变了文档的标尺对齐方式，但是插入的 html 文本仍然以相同的量跳入，就好像一个制表符在它之前一样。

我有一个example.html文件：

还有一个main.js文件：

我目前在日志中得到的内容：

我的期望：

并且应该有一种比我的insertProperty函数更优雅的插入属性的方法。

我正在尝试使用 jQuery 构建一个随机团队创建者。我已经完成了函数的工作，它创建了随机团队，但现在我正试图将创建的团队的玩家放入按ul. 我试过了，$('#team1 li').html( team );但整个团队都显示在一个li元素中。如何在一个li元素中显示一个玩家？

这是HTML代码：

这是jQuery代码：

https://jsfiddle.net/uybgdhcp/

我想使用 JavaScript 插入 html 类似这样的东西：document.getElementById("demo").innerHTML = "example";但我不想使用 id 我如何通过类名来做到这一点？我已经尝试过document.getElementsByClassName("demo").innerHTML = "example";，但它也没有工作......或者有什么原因要使用类插入除 innerHTML 之外的 html ..

我想使用 insertHTML 从 Chrome 扩展的背景页面更改前台页面中的选定文本。

这可行，并用粗体“测试”替换前景页面中的文本：

但是，我不能用变量替换“测试”。

我尝试修改 MDN Web Docs 中的示例：https ://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/executeScript

我希望能够插入 COMPARED_TEXT 的值，但是执行的值是未定义的，并且没有抛出错误来说明原因。

我正在尝试使用Element.insertAdjacentHTML()插入以下 HTML“块”

但是，我不确定是否可以添加带有类和列表的 div。我一直在尝试查找（未成功）带有添加多个“p”或“span”示例的文章。我从以下开始，但我不知道如何继续构建：

var footer = document.getElementById ('环境'); footer.insertAdjacentHTML('afterend','')

我尝试了以下方法：

甚至可能吗？

谢谢 ！

尝试使用 insertHTML 时

在除 Safari 之外的任何浏览器中都能正常工作。

示例：如果 a 标签包含“Passage”字样，则尝试插入 html。但是仅在 Safari 中，如果“Passage”一词位于标签顺序的末尾，或者有空格和其他文本，则插入类似这样的内容

- - - - - - - - 例子

通道1 | 其他标签 = 作品

第 1 段 | 其他标签 = 不起作用

其他标签 | Passage1 = 不起作用

此功能用于在许多显示的文档中突出显示在搜索栏中写入的文本，并具有用于遍历所有结果的锚点功能，因此需要有 ID。

适用于 IE、Firefox、Mozilla、Chrome 和 Opera。不能在 Safari 中工作。

更准确的例子：

搜索词“通道”

在除 Safari 之外的所有浏览器中

在 safari 中（仅当有空格和另一个文本时（Passage1 有效，Passage 1 无效，并且通常我每个文档有 2-3 个标签，如果（在这种情况下）Passage 是最后一个（标签 1 - 标签 2 - Passage1/Passage 1) 添加这个跨度，如果它是第一个或在中间，添加 b 作为所有其他浏览器。

苹果浏览器

Passage1 + 不是最后一个标签 = 添加 b 块

Passage 1 + not last tag = 添加没有 ID 的 span 块

Passage1 + 最后一个标签 = 添加没有 ID 的 span 块

Passage 1 + last tag = 添加不带ID的span块

编辑：在这里找到解决方案：解决方案 TLDR：必须将可插入元素封装在父 div 中。