javascript - 在以编程方式插入 HTML 时，无法在 trix-editor 中为任何标签添加 ID 或类等属性

Question

我试图在 trix-editor 中添加属性，如 id、span 标签的类，同时通过 java-script 插入 html，但是当我检查该标签的 DOM 时，编辑器从标签中删除了添加的属性。

我的 JavaScript 代码插入带有属性的 html：

element.editor.insertHTML("<span id='" + userId + "' class='mention-user'>" + userName + "</span >"); 

DOM：

 <div><!--block-->@<span style="font-size: 12px;">abc/span></div></trix-editor>

即使我尝试过：

element.editor.activateAttribute("href", "https://trix-editor.org/");

这工作正常，但无法添加 id 或类。任何人都可以知道在标签中添加 id 或 class 吗？

Answer 1

您可以通过 1 种以上的方式使用它

纯js：

document.getElementsByTagName("span")[0].setAttribute("class", "mention-user");

document.getElementsByTagName("span")[0].setAttribute("id", userId);

或jQuery：

$("span").attr("id",userId);
$("span").attr("class","mention-user");

不知道为什么，但你使用 insertHtml 不知道你是否可以用它添加 id 或 class 希望能回答你的问题