convert html to html string in JS file : <p>I want to create some html via JS, therefore I need to write the html inside the JS file like:</p>

<pre><code>function createHtmlSection() {
    return "&lt;li class=\"chapter up-wrapper-btn\"&gt;" +
        "&lt;div&gt;" +
        "&lt;button&gt;&lt;i class=\"fa fa-plus\" onclick=\"addSection('up',this)\"&gt;&lt;/i&gt;&lt;/button&gt;" +
        "&lt;label contenteditable=\"true\"&gt;section 1&lt;/label&gt;" +
        "&lt;/div&gt;" +
        "&lt;/li&gt;";
}
</code></pre>

<p>is there a tool or some shortcut to create this type of html string?</p>

<p>I mean, in this case I was needed to type all this html by hand. with <code>+</code> and needed to add <code>"</code> sign.</p>

<p>Something that can convert this:</p>

<pre><code>&lt;li class="chapter up-wrapper-btn"&gt;
    &lt;div&gt;
       &lt;button&gt;&lt;i class="fa fa-plus" onclick="addSection('up',this)"&gt;&lt;/i&gt;&lt;/button&gt;
        &lt;label contenteditable="true"&gt;section 1&lt;/label&gt;
     &lt;/div&gt;
&lt;/li&gt;
</code></pre>

<p>to the first string that I was needed to type by hand</p>
