htmlからstyle属性を取り除くツールを作成しました！

htmlのタグにstyle属性が含まれていて、それらを削除しないといけないシーンがたまにありますよね。

特に古いサイトの移行の際にhtmlタグに直接指定されたstyle属性を削除し、それらをclass名をつけてCSSを当てていく作業が発生することがありました。

これらを手作業でやっても良いのですが、意外と時間がかかってしまいますのでstyle属性だけを削除するツールを作成しました。

htmlからstyle属性を取り除くだけのツール

上のテキストエリアにstyle属性を取り除きたいHTMLタグを入力してボタンをクリックすると、下のテキストエリアにstyle属性が取り除かれたHTMLが出力されます。

▼変換前

スタイルを削除

▼変換後

テキストを削除

htmlからstyle属性を取り除くツール まとめ

地味に工数のかかる手作業をツールやプログラムを駆使して効率化することで、コーディング作業の工数を抑えていきましょう！