Блог

Я создаю редактор шаблонов в AngularJS 1.5.x / Typescript. Редактор берет строку шаблона html из API, а затем анализирует строку с помощью DOMParser, результатом является объект Document, который позволяет мне манипулировать его структурой с помощью встроенного в Javascript API DOM, jQuery, Xpath и т. Д…

Но перед этим процессом я хочу проверить, правильна ли структура входящего шаблона HTML в соответствии с существующей структурой документа.

Например:

 DOCUMENT STRUCTURE DEFINITION
document
|__ body
    |__div@data-container-app
       |__div.@data-module-1
       |__div.@data-module-2
       |__div.@data-module-3
  

Мне нужно сравнить структуру шаблона HTML с приведенной выше схемой и определить, правильна ли структура шаблона, чтобы продолжить.

Я знаю, что в XML существует DTD, но у меня вопрос: есть ли что-то подобное, но для HTML или существует какая-то библиотека, которая может реализовать этот процесс ?.