使用 JavaScript 将 HTML 标签转换为 WordML

Question

您知道仅使用 JavaScript 将 HTML 标记转换为 WordML 的任何方法吗？我需要获取 DOM 元素的内容并将里面的内容转换为 WordML。

Answer 1

已经在 npm there doesn't seem to be a library 上寻找这个了。

所以我认为你将不得不自己制作。话虽如此，WordML 只是 XML 的一种特殊风格，对吧？ This is the WordML你指的是？

因此，获取 DOM 元素的内容非常简单，您可以使用 jQuery 来完成。

var ele = $('#wordml-element');

您现在需要从那里将其转换为WordML 兼容的XML。您可以尝试为此使用xml library on npm。

因此，您将把树状结构的 DOM 元素转换成树状结构的 XML 元素。这样做的推荐模式称为Visitor Pattern。

从那里您将得到一个XML 结构，您可以使用相同的模式进一步操作它。最后，您会将XML 结构转换为字符串，然后将其保存到文件中。

现在，由于我真的不知道您尝试转换为WordML 的 HTML 的结构，我只能为您提供一个非常通用的代码解决方案，可能看起来像这样：

var xml = require('xml')

function onTransformButtonClick() {
  var options = {} // see documentation
  var ele = $('#wordml-element')[0]
  var wordml = transformElement(ele)
  var text = xml(wordml, options);
  fileSave(text);
}

function transformElement(ele) {
  switch(ele.tagName) { // You could use attributes or whatever
    case 'word-document':
      return transformDocument(ele);
    case 'word-body':
      return transformBody(ele);
    case 'word-p':
      return transformParagraph(ele);
    case 'word-r':
      return transformRun(ele);
    case 'word-text':
      return transformText(ele);
  }
}

function transformDocument(ele) {
  var wordDocument = xml.element({...})
  ele.childNodes.forEach(function (child) {
    wordDocument.push(transformElement(child))
  })
  return [wordDocument]
}

function transformBody(ele) {
  // create new element via xml library...
}

function transformParagraph(ele) {
  // create new element via xml library...
}

function transformRun(ele) {
  // create new element via xml library...
}

function transformText(ele) {
  // create new element via xml library...
}

具体的实现我就留给你吧，因为我不知道足够的细节给你更详细的答案。