情景:所有html代碼都在一行里面,我希望它們能按標准的格式換行對齊
問題沒有想象的那么復雜,直接搜索代碼在線格式化,直接把要對齊的代碼復制粘貼上就可以了,
比如這個鏈接:http://tool.oschina.net/codeformat/html
原始代碼如下圖:
步驟一:把文件名后綴改為 xml,文件名現在是1.xml
步驟二:用瀏覽器打開1.xml
有報錯,如圖:
步驟三:修改報錯,把img標簽補全
本來的img標簽缺少斜杠,所以是不完整的,如下
<img class="song_img" src="http://y.gtimg.cn/music/photo_new/T002R300x300M000001Xgi710Hgd1y.jpg?max_age=2592000" style="height:120px;">
在最后加上斜杠即可
<img class="song_img" src="http://y.gtimg.cn/music/photo_new/T002R300x300M000001Xgi710Hgd1y.jpg?max_age=2592000" style="height:120px;" />
刷新頁面結果如下:
步驟四:在瀏覽器上全選,然后粘貼到webStorm編輯器上
這時的代碼已經是對齊的了,如圖:
再把代碼從webStorm復制到其他編輯器,都是完美的換行對齊的;
如果剛才不是用webStorm而是從瀏覽器復制到editplus,結果只是換行而沒有對齊
這顯然是一個比較笨的方法,而且不知道為什么。
如果你們有更好的方法,請留言或者貼個鏈接