Jquery. Как правильно подгрузить в имеющийся DIV многострочный HTML?

Question

[TechNOIR]

Добрый день.
Имеется пустой div.
<div class="Bar"></div>

Как бы в него загрузить следующий многострочный код?

<div class="replyBar">
			<button class="attach">
				<i class="material-icons d45">attach_file</i>
			</button>
			
			<input type="text" data-content="inmes" class="replyMessage" placeholder="Type your message..."/>
			
			<div class="otherTools">
				<button class="toolButtons emoji">
					<i class="material-icons">face</i>
				</button>
				
				<button class="toolButtons audio">
					<i class="material-icons">mic</i>
				</button>
			</div>
		</div>

Чтобы не писать всё это в строчку некрасиво)
Нужен шаблонизатор? Посоветуете? Спасибо!

Answer 1

[Евгений Корначев]

Строчный литерал - ``, поддерживает вставку переменных и javascript кода - ${тут код или переменная}

var multiString = `\
<div class="replyBar">
        <button class="attach">
	<i class="material-icons d45">attach_file</i>
	</button>
	<input type="text" data-content="inmes" class="replyMessage" placeholder="Type your message..."/>
        <div class="otherTools">
	<button class="toolButtons emoji">
		<i class="material-icons">face</i>
	</button>
        <button class="toolButtons audio">
		<i class="material-icons">mic</i>
	</button>
</div>`;

Answer 2

[M-ka]

$(elem).html(content)