【HTML】正規表現でtable表の修飾を一括リセットする方法

こんにちは！ふるのーと（fullnote）です！(*^^*)

WordPressでブログを書くときに表を使うことはよくありますよね。

ただ、知らないうちに勝手に幅を指定してしまっていたりすることはありませんか？

そうなると予期しないデザインになってしまって困るときがありますよね。

私は基本的には表の幅の指定等は出来るだけなくすようにしています。

今回は意図せず表の幅が指定されてしまったときにリセットする方法を紹介したいと思います。

ワードプレスで表組みを挿入する方法：ビジュアルエディタ
ワードプレスで表組みのスタイルの削除方法：正規表現で一括置換(grep)
1. 削除手順
<td.*?>の「.*?」って何？⇒正規表現について
正規表現は応用が効くので知っておいて損はない。

ワードプレスで表組みを挿入する方法：ビジュアルエディタ

ワードプレスで表組みを挿入するには、ビジュアルエディタの機能を使うのが一番簡単ですね。

クリックしていくだけで簡単に以下のような表が作成できます。

ただし、テキスト編集画面を覗いてみると以下のようなスタイルが指定されてしまっています。

<table style="border-collapse: collapse; width: 100%;">
<tbody>
<tr>
<td style="width: 25%;"></td>
<td style="width: 25%;"></td>
<td style="width: 25%;"></td>
<td style="width: 25%;"></td>
</tr>
</tbody>
</table>

これはこれで便利なのですが少しいじったときに数値が変わったり、意図しない形になったりと不都合が生じる場合があります。

表組みの設定についてはcss側である程度設定されているので私はこのスタイルの指定をできるだけ削除するようにしています。

ワードプレスで表組みのスタイルの削除方法：正規表現で一括置換(grep)

ワードプレスで表組みのスタイルを削除するには、いくつか方法がありますが、今回は私のやり方を紹介したいと思います。

私はメモ帳の代わりにEmEditorというテキストエディタを使っています。

今回はこちらを使っての紹介になります。

他のテキストエディタでも今回紹介する機能が使えるテキストエディタであれば問題ないと思いますが、使いやすいテキストエディタなので是非試しに使ってみてください。

EmEditor(エムエディタ)は日本人の江村豊さんによって開発されたWindows用のテキストエディタです。シンプルながらも非常に機能が豊富で世界中で利用されています。
1年間2,400円、永久ライセンス21,600円の有償ソフトですが、機能制限戯れたEmEditor Free 版も存在しています。普通に使う分には無償版でも問題有りません。今回の紹介もEmEditor Freeを利用しています。

EmEditorを試してみる⇒EmEditor