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

関連記事

javascriptでチェックボックスを一括で変更する方法

チェックボックスのチェックに一つ一つチェックを入れていくのは非常に手間がかかるのでjavascrip

記事を読む

AAアニメーション

javascriptでAAアニメーションしました。AAは以下のところから参照しました。(AAアニメー

記事を読む

【jQuery】大量の画像で重くなったページを遅延ロードで軽くする方法【Lazy Load】

画像をふんだんに使っているページでは読み込みの際に非常に時間がかかるという問題点があります。数枚なら

記事を読む

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

幅固定サイトでのスマホ回転時Webサイトの横幅を合わせる方法のメモ。 下記2点の設定が必要です。

記事を読む

【3DCG・MMD】カメラレンズによる見え方シミュレータ作成について

カメラのレンズが違うことでどのくらい出来上がる写真に差が出てくるのかを確かめることのできるシミュレー

記事を読む

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

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

記事を読む

【Javascript】1つまたは複数のランダムな値を取得する

#shuffle1btn,#shuffle2btn{ padding: 4px 6px; }

記事を読む

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

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

記事を読む

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

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

記事を読む

【ImgToAA】画像をAA化するツール

指定の画像を読み込ませてAA化するツールです。サンプルはこちら。 (使い方) 画像ファイ

記事を読む

【Unity】他のスクリプトを一括で取得して有効化・無効化を制御する

Unityを使っていて他のスクリプトを一時的に停止させたいと思ったので

テレビの録画をPCやNASで共有する

今までテレビはテレビ用のモニターで見ればいいやと思っていたのですが、さ

【DeepLearning】物体検出手法のSSD(Keras版)を試す (Ubuntu14.04)

はやりのディープラーニングの物体検出手法の一つであるSSDのサンプルを

【Laravel5】既存のDBからデータを取得して表示する

はじめに 今まで作ったWebサイトをLaravel5で見れるようにし

【C++/OpenCV】cv::Matの画像にインパルスノイズを付加する

OpenCVで画像にノイズを付け足したいと思って調べたところ、Pyth

Intel Corei7-7700TでHTC Viveの動作確認

はじめに HTC ViveというVRヘッドセットで遊んでみたのでその

【Python】フォルダ内のカッコ付き数字ファイルを一括でリネームするスクリプト

はじめに タイトルどおりなのですが、指定フォルダ内のファイルのファイ

→もっと見る

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