如何使用 JavaScript 中的特定关键字验证格式良好的 XML（大于/小于）标签？

Question

我正在构建一个应用程序，它允许用户通过在 HTML 文本区域表单中输入 XML 样式标签来构建网页。

标签数组包含可能的元素名称，例如'text,'image','heading' 在 textarea 中被格式化为<text>The text within</text>。

var tags = ["text", "image", "heading"];
var text = document.getElementById('textArea').value;

如何验证所有开始标签都伴随着包含相同元素名称的结束标签，并且标签仅在它们包含有效关键字数组中的关键字时才有效？

Answer 1

我一直在尝试搜索，试试这个：

function wellFormat(html) {
  var doc = document.createElement('div');
  doc.innerHTML = html;
  return ( doc.innerHTML === html );
}

console.log(wellFormat('<text>The text within</text>'))