1. TOP
  2. Media
  3. Web制作

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

Web制作 公開 更新 宇田 龍矢

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

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

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

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

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

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

▼変換前



▼変換後

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

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

宇田 龍矢株式会社Creatopia 代表取締役
この記事の内容、相談できる?

この記事のこと、相談できます。

相談・お見積もりは無料です。送った内容はスタッフが読み、3日以内にお返事します。