javascript - IE 在 sethtml 时丢失自定义标签

Question

以下代码在 FF 和 IE 中运行

TempNode= CKEDITOR.dom.element.createFromHtml("<span></span>");
TempNode.setHtml("<p>test</p>");

但下面提到的代码在 IE 中丢失了用户定义的标签（FF 可以正常工作）

TempNode= CKEDITOR.dom.element.createFromHtml("<span></span>");
TempNode.setHtml("<myTag>test</myTag>");

* appendHtml() *也有同样的问题

我的确切要求是：

 Element.setHtml(AnotherElement.getHtml());

AnotherElement.getHtml() 中的原始值为：

<P><mytag id="test_39878" data-cke-expando="undefined">some. text</myTag></P>

在 Element.sethtml() 之后它包含的值是：

<P>some. tex</MYTAG></P>

Answer 1

如果你想在 IE 中使用你自己的标签，你必须先创建它们。这与我们在 HTML5 标签中遇到的情况相同。

所以在设置 HTML 之前<myTag>，创建它CKEDITOR.document.createElement( 'mytag' )只是为了让 IE 知道它的存在。

顺便提一句。请记住，元素必须在将要使用它们的同一文档中创建。因此，如果您想将它们插入到编辑器的内容中，请在编辑器的文档中创建它们（例如CKEDITOR.instances.editor1.document）。否则 IE 会抛出错误。