2

我需要将此代码最小化为一行。

我正在使用 Adob​​e Edge，并且正在为一个文本框中的某些段落创建一些代码。如果您有兴趣，需要将代码加载到一个名为document.compositionReady.

最大的限制是通过 javascript 加载代码的方式不允许使用多行。

所以我已经手动完成了，这不是问题，它工作正常，但需要很长时间。我可以使用带有format命令的 Aptana studio 将代码解压缩恢复正常，问题是在开发过程中我经常不得不手动将这些代码压缩成一行，这既费时又让人分心。

所以我需要一个可以转动这个的手动工具：

<style media='screen' type='text/css'>
    .text {
        padding: 1px 1px 1px 1px;
        font-size: 12px;
    }
</style>

<!-- now for html -->

<div style='width:550px;' >
    <div style='float:left;font-size:1.2em;' class='text'>
        Title goes here
    </div>
    <div style='width:60px;float:left;' class='text'>
        <span style='font-size:0.8em;'>
            ®
        </span>
    </div>
    <div style='float:left' class='text'>
        Some paragraph text
    </div>
    <div style='float:left;padding-top:10px;' class='text'>
        <span style='font-style:italic;'>
            A footer to the paragraph
        </span>
    </div>
</div>

进入这个：

<style media='screen' type='text/css'>.text {padding: 1px 1px 1px 1px;font-size:12px;}</style><!-- now for html --><div style='width:550px;' >  <div style='float:left;font-size:1.2em;' class='text'>MY BRILLIANCE</div><div style='width:60px;float:left;' class='text'>      <span style='font-size:0.8em;'>®</span> </div>  <div style='float:left' class='text'>       With release comes growth, through challenge comes wisdom, let us show you the way. </div>  <div style='float:left;padding-top:10px;' class='text'><span style='font-style:italic;'>Absolute Equal Acceptance through Thought, Conscience and Reunion.</span></div></div>
4

2 回答 2

4

好吧，谷歌可能是你的朋友。

http://www.textfixer.com/html/compress-html-compression.php

<style media='screen' type='text/css'>
    .text {
        padding: 1px 1px 1px 1px;
        font-size: 12px;
    }
</style>

<!-- now for html -->

<div style='width:550px;' >
    <div style='float:left;font-size:1.2em;' class='text'>
        Title goes here
    </div>
    <div style='width:60px;float:left;' class='text'>
        <span style='font-size:0.8em;'>
            ®
        </span>
    </div>
    <div style='float:left' class='text'>
        Some paragraph text
    </div>
    <div style='float:left;padding-top:10px;' class='text'>
        <span style='font-style:italic;'>
            A footer to the paragraph
        </span>
    </div>
</div>

变成

<style media='screen' type='text/css'> .text { padding: 1px 1px 1px 1px; font-size: 12px; }</style><!-- now for html --><div style='width:550px;' > <div style='float:left;font-size:1.2em;' class='text'> Title goes here </div> <div style='width:60px;float:left;' class='text'> <span style='font-size:0.8em;'> ® </span> </div> <div style='float:left' class='text'> Some paragraph text </div> <div style='float:left;padding-top:10px;' class='text'> <span style='font-style:italic;'> A footer to the paragraph </span> </div></div>

或者，如果您想直接在桌面上进行压缩，您可以使用Alentum、HTML Compressor等软件...

于 2013-02-17T16:34:24.307 回答
-1

像str_replace("\n", "", $text_to_be_compressed)什么？

于 2013-02-17T16:32:56.813 回答