CSS代码还原脚本

最新推荐文章于 2022-03-28 17:46:37 发布

贱贱的小牛

最新推荐文章于 2022-03-28 17:46:37 发布

阅读量1k

点赞数 1

分类专栏： HTML5 JavaScript css 文章标签： css 脚本还原 javascript

本文链接：https://blog.csdn.net/Gannicus_Zhu/article/details/51240081

版权

HTML5 同时被 3 个专栏收录

5 篇文章 0 订阅

订阅专栏

JavaScript

3 篇文章 0 订阅

订阅专栏

css

1 篇文章 0 订阅

订阅专栏

网上下的很多模板会吧css代码中的换行了空格全去掉，导致难以阅读或修改，所以写了一个灰常简单的js脚本，可以再页面中把代码还原：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <textarea col="10" id="text01"></textarea>
    <button onclick="change()">变变变</button>
    <script>
        function change(){
            var origin = document.getElementById("text01").value;
            var text = origin.split('');
            for(i=0;i<text.length;i++){
                if(text[i]=="{") text[i] = text[i]+"<br>"+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
                if(text[i]==";") text[i] = text[i]+"<br>"+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
                if(text[i]=="}") text[i] = "<br>"+text[i]+"<br><br>";
            }
            text = text.join("");
            document.write(text);
        }
    </script>
</body>
</html>