Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to remove indents from multi-line string given by $(...).html() method

$(element).html(); returns html of given element and all it's indents.

html

<body>
  <div>
    <section>
      <ol>
<!-- embeded comment with no indents -->
         <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
         <li>Aliquam tincidunt mauris eu risus.</li>
         <li>Vestibulum auctor dapibus neque.</li>
      </ol>
    </section>
  </div>
</body>

js

$('section').html();

will return

      <ol>
<!-- embeded comment with no indents -->
         <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
         <li>Aliquam tincidunt mauris eu risus.</li>
         <li>Vestibulum auctor dapibus neque.</li>
      </ol>

How can I remove indents (and indent comment if possible), to have following result:

<ol>
  <!-- embeded comment with no indents -->
  <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  <li>Aliquam tincidunt mauris eu risus.</li>
  <li>Vestibulum auctor dapibus neque.</li>
</ol>
like image 475
Dariusz Sikorski Avatar asked Dec 29 '25 02:12

Dariusz Sikorski


1 Answers

Take a look at js-beautify. Before embedding, try http://jsbeautifier.org which based on this library.

like image 113
Roy Miloh Avatar answered Dec 30 '25 15:12

Roy Miloh



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!