【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…で置換される

入力

出力

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

関連記事

WordPressサイトのSSL対応(HTTPS化)手順のまとめ【さくらサーバー】

先週頃にこのサイトをSSL対応しましたのでその流れについてまとめておき

【Google Charts】動的にグラフを更新する方法

はじめに Webサイト上でグラフを描こうと思った場合、いくつかのJa

体重変化量計算シミュレータ【ダイエット/肥満】

ツール本体 入力 カロリー入力 1日の余剰摂取/消費カロリー

おサイフケータイ対応ストレージ32GBのSIMフリースマホまとめ【2017年秋版】

はじめに SIMフリーの格安スマホのおサイフケータイ機能付きのもので

リクルート期間限定ポイントの有効な使い道

はじめに  先日クレジットカードの見直し活動の一環でポイント還元率の

初心者がお金を貯めるための節約・財テク手法まとめ【ポイント還元・投資・税金対策】

はじめに  最近なるべく節約しようと思い、お金周りに関して色々調べて

動画講座を効率的にキャプチャして復習する方法

はじめに  最近、動画媒体の講座などをたまに視聴しています。独学だと

→もっと見る

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