Batch Index du Forum
S’enregistrerRechercherFAQMembresGroupesConnexion
Répondre au sujet Page 1 sur 1
HTML cleaner
Auteur Message
Répondre en citant
Message HTML cleaner 
Bonjour,
je suppose que maintenant ,vous faits moins du batch mais plus dans un autre langage (python,html... c'est facile à remarquer sur notre groupe skype !)...
De même pour moi.Je crée un, fan-site pour une communauté inactive Crying or Very sad

Eh bien un développeur HTML,ça n'a pas trop de source d'inspiration.Et comme c'est une petite :poop:,il va copier sur son voisin !
son voisin a de bonnes idées,OK.SAUF qu'il code comme un pied !

plein de balises <a>,pleins de paramètres <troll style="f***ing CCS">trololollolol</troll>,des tableaux mal foutus ou pas d'indentation (au moins,vous avez un avantage par rapport à votre concurrent,vous êtres clean).
Mais étant un manique qui doit corriger ses 9882 erreurs du validateur officiel,il ne faut pas se contenter d'un simple copier collé.
il faut tout clean !

dédicace à levi #snk

Manque de pot,vous devez copier-coler un tableau de toutes les musiques vocaloid d'une série depuis un superbe wiki.
Code:

<h2>Album #1 : mekakucity days</h2>
<table style="margin: 0 auto; text-align: center; background-color:white; font-size:89%; width:100%; padding:2px;border-radius:2ex; border:1px solid #0A0A0A;" border="1">
<tbody><tr>
<th style="width: 1%; background-color:#0A0A0A; color:#ffffff; -moz-border-radius: 10px 0px 0px 0px; -webkit-border-radius: 10px 0px 0px 0px; border-radius: 10px 0px 0px 0px; -khtml-border-radius: 10px 0px 0px 0px; -icab-border-radius: 10px 0px 0px 0px;; padding:.5em"> #
</th><th style="width: 50%; background-color:#0A0A0A; color:#ffffff; padding:.5em"> Song Title
</th><th style="width: 50%; background-color:#0A0A0A; color:#ffffff; padding:.5em"> Sung by
</th><th style="width: 50%; background-color:#0A0A0A; color:#ffffff; -moz-border-radius: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px; border-radius: 0px 10px 0px 0px; -khtml-border-radius: 0px 10px 0px 0px; -icab-border-radius: 0px 10px 0px 0px;; padding:.5em"> Length
</th></tr>
<tr>
<td> 01 </td><td>  ロスタイムプロローグ (Lost Time Prologue) </td><td> Instrumental </td><td> 0:49
</td></tr>
<tr>
<td> 02 </td><td> <a href="/wiki/%E4%BA%BA%E9%80%A0%E3%82%A8%E3%83%8D%E3%83%9F%E3%83%BC_(Jinzou_Enemy)" title="人造エネミー (Jinzou Enemy)" class="mw-redirect">人造エネミー (Jinzou Enemy)</a> </td><td> <a href="http://vocaloid.wikia.com/wiki/Hatsune_Miku" class="extiw" title="w:c:vocaloid:Hatsune Miku">Hatsune Miku</a> </td><td> 4:02
</td></tr>
<tr>
<td> 03 </td><td> <a href="/wiki/%E3%83%A1%E3%82%AB%E3%82%AF%E3%82%B7%E3%82%B3%E3%83%BC%E3%83%89_(Mekakushi_Code)" title="メカクシコード (Mekakushi Code)" class="mw-redirect">メカクシコード (Mekakushi Code)</a> </td><td> <a href="http://vocaloid.wikia.com/wiki/Hatsune_Miku" class="extiw" title="w:c:vocaloid:Hatsune Miku">Hatsune Miku</a> </td><td> 3:48
</td></tr>
<tr>
<td> 04 </td><td> <a href="/wiki/%E3%82%AB%E3%82%B2%E3%83%AD%E3%82%A6%E3%83%87%E3%82%A4%E3%82%BA_(Kagerou_Days)" title="カゲロウデイズ (Kagerou Days)" class="mw-redirect">カゲロウデイズ (Kagerou Days)</a> </td><td> <a href="http://vocaloid.wikia.com/wiki/Hatsune_Miku" class="extiw" title="w:c:vocaloid:Hatsune Miku">Hatsune Miku</a> </td><td> 3:54
</td></tr>
<tr>
<td> 05 </td><td> <a href="/wiki/%E3%83%98%E3%83%83%E3%83%89%E3%83%95%E3%82%A9%E3%83%B3%E3%82%A2%E3%82%AF%E3%82%BF%E3%83%BC_(Headphone_Actor)" title="ヘッドフォンアクター (Headphone Actor)" class="mw-redirect">ヘッドフォンアクター (Headphone Actor)</a> </td><td> <a href="http://vocaloid.wikia.com/wiki/IA" class="extiw" title="w:c:vocaloid:IA">IA</a> </td><td> 3:37
</td></tr>
<tr>
<td> 06 </td><td> <a href="/wiki/%E6%83%B3%E5%83%8F%E3%83%95%E3%82%A9%E3%83%AC%E3%82%B9%E3%83%88_(Souzou_Forest)" title="想像フォレスト (Souzou Forest)" class="mw-redirect">想像フォレスト (Souzou Forest)</a> </td><td> <a href="http://vocaloid.wikia.com/wiki/IA" class="extiw" title="w:c:vocaloid:IA">IA</a> </td><td> 4:18
</td></tr>
<tr>
<td> 07 </td><td> <a href="/wiki/%E9%80%8F%E6%98%8E%E3%82%A2%E3%83%B3%E3%82%B5%E3%83%BC_(Toumei_Answer)" title="透明アンサー (Toumei Answer)" class="mw-redirect">透明アンサー (Toumei Answer)</a> </td><td> <a href="http://vocaloid.wikia.com/wiki/IA" class="extiw" title="w:c:vocaloid:IA">IA</a> </td><td> 4:16
</td></tr>
<tr>
<td> 08 </td><td> <a href="/wiki/%E3%82%A8%E3%83%8D%E3%81%AE%E9%9B%BB%E8%84%B3%E7%B4%80%E8%A1%8C_(Ene_no_Dennou_Kikou)" title="エネの電脳紀行 (Ene no Dennou Kikou)" class="mw-redirect">エネの電脳紀行 (Ene no Dennou Kikou)</a> </td><td> <a href="http://vocaloid.wikia.com/wiki/IA" class="extiw" title="w:c:vocaloid:IA">IA</a> </td><td> 4:16
</td></tr>
<tr>
<td> 09 </td><td> <a href="/wiki/%E3%82%B3%E3%83%8E%E3%83%8F%E3%81%AE%E4%B8%96%E7%95%8C%E4%BA%8B%E6%83%85_(Konoha_no_Sekai_Jijou)" title="コノハの世界事情 (Konoha no Sekai Jijou)" class="mw-redirect">コノハの世界事情 (Konoha no Sekai Jijou)</a> </td><td> <a href="http://vocaloid.wikia.com/wiki/Hatsune_Miku" class="extiw" title="w:c:vocaloid:Hatsune Miku">Hatsune Miku</a>  + <a href="http://vocaloid.wikia.com/wiki/IA" class="extiw" title="w:c:vocaloid:IA">IA</a> </td><td> 3:07
</td></tr>
<tr>
<td> 10 </td><td> <a href="/wiki/%E5%A6%82%E6%9C%88%E3%82%A2%E3%83%86%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%B3_(Kisaragi_Attention)" title="如月アテンション (Kisaragi Attention)" class="mw-redirect">如月アテンション (Kisaragi Attention)</a> </td><td> <a href="http://vocaloid.wikia.com/wiki/IA" class="extiw" title="w:c:vocaloid:IA">IA</a> </td><td> 4:04
</td></tr>
<tr>
<td> 11 </td><td> <a href="/wiki/%E3%82%B7%E3%83%8B%E3%82%AC%E3%83%9F%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89_(Shinigami_Record)" title="シニガミレコード (Shinigami Record)" class="mw-redirect">シニガミレコード (Shinigami Record)</a> </td><td> <a href="http://vocaloid.wikia.com/wiki/IA" class="extiw" title="w:c:vocaloid:IA">IA</a> </td><td> 2:58
</td></tr>
<tr>
<td> 12 </td><td> <a href="/wiki/%E3%83%87%E3%83%83%E3%83%89%E3%82%A2%E3%83%B3%E3%83%89%E3%82%B7%E3%83%BC%E3%82%AF_(Dead_and_Seek)" title="デッドアンドシーク (Dead and Seek)" class="mw-redirect">デッドアンドシーク (Dead and Seek)</a> </td><td> <a href="http://vocaloid.wikia.com/wiki/IA" class="extiw" title="w:c:vocaloid:IA">IA</a> </td><td> 3:25
</td></tr>
<tr>
<td> 13 </td><td> カイエンパンザマスト (Kaien Panzermast) </td><td> Instrumental </td><td> 1:08
</td></tr>
</tbody></table>




Bah voilà ! une table mal indentée,bourrée de liens dont le style a directement été mis dans la balise.ça va être dur de tout clean.
Rien que les liens...ça mettrai un jour mais l'indentation...


petite dédicace à shintaro kisaragi !De la série vocaloid kagerou Project (qui a un manga que je traduis et un animé sorti en 2014)


Alors je me suis demandé ,il y a pas un moyen de faire tout en une seule fois?

Eh bien si !
Je vous présente aujourd'hui HTML cleaner.Si vous ne le connaissez pas c'est tant mieux !



comme son nom l'indique,il permets de "clean" un html tout sale ! (il peut aussi clean du CSS et du JS)
voici toutes ces fonctionnalités :


il suffit juste de copier coller le code,de cocher les paramètres et...
Code:
<table>

    <tbody>

        <tr>

            <th>

                #

            </th>

            <th>

                Song Title

            </th>

            <th>

                Sung by

            </th>

            <th>

                Length

            </th>

        </tr>

        <tr>

            <td>

                01

            </td>

            <td>

                ロスタイムプロローグ (Lost Time Prologue)

            </td>

            <td>

                Instrumental

            </td>

            <td>

                0:49

            </td>

        </tr>

        <tr>

            <td>

                02

            </td>

            <td>

                人造エネミー (Jinzou Enemy)

            </td>

            <td>

                Hatsune Miku

            </td>

            <td>

                4:02

            </td>

        </tr>

        <tr>

            <td>

                03

            </td>

            <td>

                メカクシコード (Mekakushi Code)


et si vous êtes toujours aussi maniaque pour manquer de place,faites jsute une simple macro notepad ++ :
Code:
<table border="1"><tbody>
   <tr><th>#</th><th>Titre</th><th>Vocal</th><th>Dur&eacute;e</th></tr>
   <tr><td>01</td><td>Lost Time Prologue</td><td>Instrumental</td><td>0:49</td></tr>
   <tr><td>02</td><td>Jinzou Enemy</td><td>Hatsune Miku</td><td>4:02</td></tr>
   <tr><td>03</td><td>Mekakushi Code</td><td>Hatsune Miku</td><td>3:48</td></tr>
   <tr><td>04</td><td>Kagerou Days</td><td>Hatsune Miku</td><td>3:54</td></tr>
   <tr><td>05</td><td>Headphone Actor</td><td>IA</td><td>3:37</td></tr>
   <tr><td>06</td><td>Souzou Forest</td><td>IA</td><td>4:18</td></tr>
   <tr><td>07</td><td>Toumei Answer</td><td>IA</td><td>4:16</td></tr>
   <tr><td>08</td><td>Ene no Dennou Kikou</td><td>IA</td><td>4:16</td></tr>
   <tr><td>09</td><td>Konoha no Sekai Jijou</td><td>Hatsune Miku + IA</td><td>3:07</td></tr>
   <tr><td>10</td><td>Kisaragi Attention</td><td>IA</td><td>4:04</td></tr>
   <tr><td>11</td><td>Shinigami Record</td><td>IA</td><td>2:58</td></tr>
   <tr><td>12</td><td>Dead and Seek</td><td>IA</td><td>3:25</td></tr>
   <tr><td>13</td><td>Kaien Panzermast</td><td>Instrumental</td><td>1:08</td></tr>
</tbody></table>


IT WORK !!!



voilà un petit tutoriel,j'espère qu'il vous a bien aidé!
N'hésitez pas à nous faire de commentaires !




______________________________________________________


cliquer sur un des liens n'est pas dangereux
Ancien site,Nouveau site
Mon site de scan
Vous êtes le
visiteur
Chaine Youtube:
Visiter le site web du posteur Skype
Message Publicité 
PublicitéSupprimer les publicités ?


Montrer les messages depuis:
Répondre au sujet Page 1 sur 1
  



Index | créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Copyright 2008 - 2016 // Batch