如何使用 JavaScript 中的特定关键字验证格式正确的 XML(大于/小于)标记

Question

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

标签数组包含可能的元素名称，例如"文本"，"图像"，"标题"，这些名称在文本区域中格式化为<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>'))