从ckeditor 5获取xml

Question

如何从 ckeditor 获取输出为 XML 而不是 HTML？

我以为我可以使用 editor.data.processor=new XmlDataProcessor(); 但这似乎只适用于编辑器现在在调用 editor.setData() 时需要 XML 但 editor.getData() 仍返回 HTML 而不是 XML 的输入。数据不包含在根元素中，<img> 标签未关闭。

应该转换为 XML 的 toData 方法实现如下，因为它尝试使用 _htmlWriter 转换为 XML，所以它看起来不像可以工作的东西。所以它看起来就像一个从未实现过的功能。

toData( viewFragment ) {
    // Convert view DocumentFragment to DOM DocumentFragment.
    const domFragment = this._domConverter.viewToDom( viewFragment, document );

    // Convert DOM DocumentFragment to XML output.
    // There is no need to use dedicated for XML serializing method because BasicHtmlWriter works well in this case.
    return this._htmlWriter.getHtml( domFragment );
}

Answer 1

我不知道输出 XML 的 CKEditor 5 method for getting data。但是，一个潜在的解决方法是使用 XMLSerializer 将 HTML 输出转换为 XML

例如（为方便起见，下面使用node 变量，因为XMLSerializer 需要DOM Node 作为输入而不是HTML 字符串）：

const node = document.createElement('div');
ClassicEditor
  .create(document.querySelector('#editor'))
  .then((editor) => {
    editor.ui.focusTracker.on('change:isFocused', (event, name, value) => {
      if (!value) {
        const serializer = new XMLSerializer();
        node.innerHTML = editor.getData();
        console.log(serializer.serializeToString(node));
      }
    });
  })
  .catch(error => {
    console.error(error);
  });

<script src="https://cdn.ckeditor.com/ckeditor5/11.2.0/classic/ckeditor.js"></script>
<div>Enter something and click outside the CKEditor to view the xml string in the console</div>
<textarea name="content" id="editor"></textarea>