jQuery/JavaScript trim HTML that contains white space/empty line

Question

Suppose I have the HTML code as below

<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff">
    <tr>
                    <td><img src="/images/pho_01.jpg" width="600" height="63" border="none" style="border: 0px;" alt="photo" /></td>

                    <td></td>


        <td></td>
                </tr>
            </table>

The HTML code is not readable, I want to convert to something likes

<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff">
<tr>
<td><img src="/images/pho_01.jpg" width="600" height="63" border="none" style="border: 0px;" alt="photo" /></td>
<td></td>
<td></td>
</tr>
</table>

I have ever used the $.trim(), but not works, could someone please suggest a way to
1. remove space(but don't remove the space between attribute likes table width="600"...)
2. remove empty line

Thanks

Easy way to do it is open the html file in a text editor like gedit or notepad++ and hold down shift+tab to indent backwards. If you need a script, I would search for tags and remove the spaces before it on the same line. — ngen
– ngen, Commented Jul 30, 2011 at 7:54

Charles Ma · Accepted Answer · 2011-07-30 08:53:58Z

4

Assuming your html is stored in a javascript string, you'll have to split it up into multiple lines and use trim on each line.

e.g.

function multilineTrim(htmlString) {
   // split the string into an array by line separator
   // call $.trim on each line
   // filter out the empty lines
   // join the array of lines back into a string
   return htmlString.split("\n").map($.trim).filter(function(line) { return line != "" }).join("\n");
}

answered Jul 30, 2011 at 8:53

Charles Ma

49.6k22 gold badges92 silver badges102 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jeremy · Accepted Answer · 2011-07-30 07:55:29Z

1

try http://jsbeautifier.org/ It works with HTML too

answered Jul 30, 2011 at 7:55

Jeremy

4,9752 gold badges21 silver badges26 bronze badges

Comments

Manikandan Thangaraj · Accepted Answer · 2011-07-30 08:35:06Z

0

Try this http://www.textfixer.com/tools/remove-line-breaks.php

answered Jul 30, 2011 at 8:35

Manikandan Thangaraj

1,5948 gold badges25 silver badges45 bronze badges

Collectives™ on Stack Overflow

jQuery/JavaScript trim HTML that contains white space/empty line

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related