title: convert html to html string in JS file
body: <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>