How to validate well-formed XML (greater/less than) tags using specific keywords in JavaScript?

Question

I am building an application that allows users to build web pages by entering XML style tags in an HTML textarea form.

The tags array contains possible element names eg 'text,'image','heading' that are formatted as <text>The text within</text> in the textarea.

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

How can I validate that all opening tags are accompanied by closing tags containing the same element name and that tags are only valid if they contain a keyword from the valid keyword array?

Answer 1

I have been trying to search, and try this :

 function wellFormat(html) { var doc = document.createElement('div'); doc.innerHTML = html; return ( doc.innerHTML === html ); } console.log(wellFormat('<text>The text within</text>'))