Webサービスリリース!タグに埋め込まれた style をシンプル化するWebサービス - HTMLのシンプル化 - タグのスタイル版

新しいWebサービスをリリースしました！

タグに埋め込まれた style をシンプル化するWebサービス
HTMLのシンプル化 - タグのスタイル版

この Web サービスは、HTML のソースコード中に含まれるタグの属性として設定されたスタイルシート(style)から、任意のスタイルをまとめて削除するものです。

元のソースコードを入力すると、ソースコード内に含まれているタグの属性として設定されたスタイルシート(style)の一覧を抽出します。

それらの中から消去したいスタイルにチェックを入れます。

消去したいスタイルにチェック

そうすると、自動的に選択したスタイルを消去したソースコードを生成します。

スタイル消去前：
<!-- 　これはテスト用のソースコードです。 このコードを全て削除して単純化したいソースコードを貼り付けてください。 --> <table id = "abc" style="background-color:#cccccc;"> <tr> <td> <b id="b1" style="background-color:#cccccc;">abc</b> </td> <td> <b id="b2">123</b> </td> </tr> <tr> <td> <b id="b1" style="background-color:#cccccc;color:#ff0000;">456</b> </td> <td> <b id="b2" style="font-size:30px;">style="font-size:30px;"</b> </td> </tr> </table>

スタイル消去前のプレビュー

背景色・文字色・フォントサイズが設定されている

↓

スタイル消去後：
<!-- 　これはテスト用のソースコードです。 このコードを全て削除して単純化したいソースコードを貼り付けてください。 --> <table id="abc" style=""> <tbody> <tr> <td> <b id="b1" style="">abc</b> </td> <td> <b id="b2">123</b> </td> </tr> <tr> <td> <b id="b1" style="">456</b> </td> <td> <b id="b2">style="font-size:30px;"</b> </td> </tr> </tbody></table>

スタイル消去後のプレビュー

背景色・文字色・フォントサイズが消去されている

この Web サービスを使用することで、肥大化した HTML の中から特定のスタイルを消去したい場合に、手軽に特定のスタイルを消去することができます。