Как удобнее работать с HTML-кодом используемым для вставки через JS?

Question

[10101010]

Такой код не подсвечивается в редакторе. да и редактировать его... кхм... то ещё "удовольствие".



Иногда приходится вставлять почти одинаковые блоки кода. Где отличается например только заголовок или пара тегов.

Я нуб.
Подскажите в каком направлении гуглить?

Comments

[Сергей delphinpro]

гуглить в направлении javascript шаблонизаторов

[Сергей delphinpro]

А еще можно покопать в сторону хорошей IDE + использование современного js
У меня, например, отлично подсвечивается:

[Павел Корнилов]

var fr = document.createRange().createContextualFragment(data);

data - вся строка в append
После этого во fr можно найти по селекторам любой узел.

[2cha.headz]

если уж нужно, все-таки, так код вставлять и нужен перенос по строкам, то чтобы не писать кучу плюсиков, используйте вот такие кавычки ` (которые на букве ё), в них можно делать перенос строк и все норм будет

Answer 1

[Ivan Bogachev]

Сейчас модно все это делать на фреймворках вроде Vue/React/Angular и им подобных. Но можно использовать и отдельные шаблонизаторы, например handlebars.