HTML代碼，CSS代碼，JSON字串線上格式化，美化工具，cssjson
HTML代碼，CSS代碼，JSON字串線上格式化，美化工具
http://www.phpthinking.com/format.htm
本質就是根據一套設定的規則用程式設計語言(js、asp、php、ruby..)來判斷處理字串
格式前：
<html> <body></body></html>
格式後：
<html>
<body></body>
</html>
只說一種大致原理，具體實現有很多演算法：
規則：根據html裡<>是一個元素開始，</>是一個元素結束來尋找元素
程式讀到第一個<html>就去找與之對應的</html>
然後又去找<html></html>之間有無能配對的<></>，沒有的話則不處理
有子項目的話，就需要插入換行把子項目和父級分開(同時處理細節，如父子標籤之間多餘的空格、插入tab縮排等)
然後又去找<body></body>裡面有沒有配對的<></>，沒有則不處理，有的話則向前面幾步一樣迴圈往複的尋找、處理
------------------------------------------------------
css格式化的大概規則：
body{color:red;}.myclass{font-size:12px;}#myid span{width:100px;color:yellow;}
找配對的{}，裡面的玩意根據;為結尾的規則換行：
{
width:100px;
color:yellow;(最後一句可以不寫這個“;”所以這種情況也要考慮)
}
加點tab縮排：
{
width:100px;
color:yellow;
}
還有就是判斷一對{...}外面那些字元，加入換行：
body{}
.myclass{}
#myid span{}
最後你看到的就是：
body{
color:red;
}
.myclass{
font-size:12px;
}
#myid span{
width:100px;
color:yellow;
}
具體實現中，上面的還有很多情況也是要考慮的，比如寫代碼的人忘了寫</html>，程式找到<html>後找不到配對的</html>，這時怎麼處理？是忽略、提示錯誤、還是另外弄套更複雜的規則去智能的補寫一個</html>上去？反正很多細節，寫程式的人要盡量先想到可能的各類情況。
其他什麼玩意格式化也是這個原理，只是尋找的規則不一樣而已。
反過來，有很多壓縮js、css、html代碼的東西，是為了節約位元組減少伺服器壓力，把檔案裡面的無用空格、換行都刪除掉，就是把這些步驟反過來。
另外處理字串，你可以百度下：Regex...餘下全文>>
哪有線上JSON格式化驗證工具,最好帶JSON視圖的
我給你推薦一個 www.bejson.com 完全滿足你的要求
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
