【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
  • このエントリーをはてなブックマークに追加

関連記事

Canvasの画像をリサイズする簡単な方法【HTML5・javascript】

調べてみるとCanvasをリサイズするようなjavascriptの関数は存在しないようなので自前で作

記事を読む

【jQuery】クリックイベントでマウスホイールクリックを検知する

$("a").click(function(){ … }); によりクリックイベントを関連付け

記事を読む

【javascript/jQuery】Progressbarで処理の進捗状況を表示する

jQuery UIでProgressbarを使う 処理経過を表示する場合プログレスバーにより提示さ

記事を読む

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

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

記事を読む

【Three.js/jThree.js】カメラ内部パラメータを変更して視野などを変える

jThree.jsでカメラの内部パラメータを変更するのに手間取ったのでメモ。参考にしているjThre

記事を読む

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

はじめに Ubuntu14.04 ServerにRedmine3.2をインストールしました。基本的

記事を読む

ニコニコ動画のRSSをjavascriptで読み込んで表示させる

ニコニコ動画のランキングRSSをjQueryで読み込んで表示するプログラムを作成しました。RSSの読

記事を読む

【jquery】iframe内のスクロールイベント設定とスクロール量取得

ページ内に設置したiframeのスクロールイベントおよびスクロール量を取得したかったのでメモ

記事を読む

【HTML/jQuery UI】NumericUpDownを設置する【Spinner】

HTMLタグにNumericUpDownがないか探したのですがないみたいなのでそれが使えるようなもの

記事を読む

【PASMO・SUICA】特典バスチケット交通費計算ツール

日数・片道料金入力 日数日 片道代金1円 片道代金2円 片道代金3円 計算

記事を読む

NVIDIA DIGITSをSupervisorを使って自動起動する

はじめに 先日Ubuntu14.04にDIGITS 5をGPUなしP

【2017年度】GeForce 1080 Ti搭載BTOパソコン比較

はじめに 最近ディープラーニング用にGPUのないPCにDIGITSを

Windows用のシンプルなストップウォッチソフト紹介

Windows(10)でも使える使いやすいKAZAMITimerという

MNISTをDIGITS 5のCPUのみで試す(GPUなし)

はじめに DIGITSを使えばGUI操作で簡単にディープラーニングが

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

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

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

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

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

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

→もっと見る

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