【javascript】正規表現文字置換簡易ツール

公開日: : 最終更新日:2014/08/14 JavaScript/jQuery, ツール

スポンサーリンク

jQueryで作成した正規表現による文字抽出用スクリプトです。

(使い方)
「正規表現」の欄にjavascript(jquery)に基づいた正規表現を入力し、「置換」にはそれに対応する置換したい文字列を書き込みます。そして、「入力」には対象となる文字列を入れて、「置換」ボタンを押すと結果が「出力」に表示されます。
「正規表現」についてはLazyLoad用のタグ置換などの一部のものは「入力補助」のドロップボックスから自動で入力できるようにしています。

例)
正規表現:「\<img\s+src=\"(.+)\"([^>]*)\>」
置換:「<img class="lazy" data-original="$1" />」
入力:「テスト<img src="test.jpg" />サンプル」
出力:「テスト<img class="lazy" data-original="test.jpg" />サンプル」

(※LazyLoad用の置換では”lazy”のクラスを付加していますが、自分の使用しているクラス名に書き換えて下さい。Youtube、ニコニコ動画外部プレイヤー変換では各動画のURLを外部プレイヤー表示ソースに変換します。)

正規表現




※前後のスラッシュは不要。

置換


※()でグループ化した部分は$1,$2…で置換される

入力

出力

スポンサーリンク
Amazon
  • このエントリーをはてなブックマークに追加

関連記事

RGBの値から色を確認するツール

使い方 右側のカラーピッカーか

記事を読む

【javascript/jQuery】JSON形式のデータの表示確認をする

PHPであれば「var_dump」や「print_r」などでJSON形式のデータの中身が思い通りの者

記事を読む

YoutubeのURLリンクを外部プレイヤーのものに正規表現で置換する

Youtubeのアドレスを正規表現を使って抽出して外部プレイヤーのフレームに変換・置換するスクリプト

記事を読む

【javascript】privateのメソッドからpublicなメンバを呼ぶ

javascriptでのクラス定義 javascriptではいわゆる正確なクラスは作れませんが、そ

記事を読む

【jQuery UI】Sliderのオプション変更やイベントを取得をする方法

jQuery UIを使ってスライダー(トラックバー)を作ります。その際に起こるイベントとしてスライダ

記事を読む

jQueryにおけるcreateElement

jQueryでcreateElementに変わる関数は単純で、例えばvar dom = docume

記事を読む

【javascript/jQuery】強制的にページをスクロールさせる方法

強制的にページをスクロールさせたいと思って調べていたのですが、なかなか思うようなものが見つからず困っ

記事を読む

【jQuery】サイドバー固定に役立つサイト集

縦スクロール 縦方向にスクロールして指定の位置に来たら要素を固定させる方法のリンク集を紹介させてい

記事を読む

monacaでWebサイトをアプリ化

monacaを使ってWebサイトをアプリ化するための叩き台としてのメモです。 Webサイトのア

記事を読む

ニコニコ動画のURLリンクから外部プレイヤーのスクリプトに正規表現で置換する

ニコニコ動画の動画のアドレスを抽出して外部プレイヤー貼りつけソースのスクリプトに変換するソースです。

記事を読む

Windowsユーザが初めてMacBookを購入したときの注意点や感想

最近12インチのMacBookを購入しました。今までWindowsしか

Redmine3.2をUbuntu14.04にインストールして躓いた所についてメモ

はじめに Ubuntu14.04 ServerにRedmine3.2

UWSCを使ったソフト自動立ち上げ【SoftEther VPN Server】

やりたいこと 最近SoftEtherという筑波大学発のベンチャー企業

【PHP】headerでContent-Typeを指定したのに効かない場合の対処法

PHPでサイトマップを作ろうと思い、XML形式のファイルを出力しようと

スマホ向け幅固定サイトの回転時の幅対応方法

幅固定サイトでのスマホ回転時Webサイトの横幅を合わせる方法のメモ。

【PHP】特定のURLからそのAtomやRSSのフィードを抽出する方法

特定のURLからRSSやATOMのフィードを抽出する方法をメモ。 流

フィード抽出ツール(RSS1.0、RSS2.0、atom)

任意URL サイト名 サイトURL RSS1.0

→もっと見る

  • Author : ががんぼ
    プログラミングやWeb関係で気付いたことについてメモしていく予定。だいたいが備忘録ですが、自分でサンプルを作って動かしてみたりしています。
PAGE TOP ↑