Fork
3
Fav
0
View
1435
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 98 lines
  • HTML 28 lines
  • CSS 50 lines

JS正規表現による検索を試してみるツールをつくるテスト

昔から、正規表現にハマる体質のため、正規表現が正しいか確認するツールが欲しいため、作ってみた.

操作方法

  • 正規表現式入力欄に正規表現式(例:d(b+)d)を入力.
  • フラグで正規表現のフラグを選択します.デフォルトはなし
  • 検索対象文字列にテストしたい文字列を入力.
  • 検索ボタンを押下で検索.

ヒットした文字列は選択状態(背景が薄い灰色)となります.またヒットした行は行番号部分にアイコン()を表示. 現在は各行毎にマッチングを実行しています.

プログラムの解説

  • CodeMirror(ver 4.3)

CodeMirrorを1行入力用にするには以下を参照。 http://stackoverflow.com/questions/13026285/codemirror-for-just-one-line-textfield

addon/display/placeholder.jsによるプレースホルダを使っています.プレースホルダは、入力欄に関する何らかの情報を示すためのもので、 入力欄に入力されていない状態で表示される薄い色の文字列です.

Gutter部にマークのアイコンを表示しています.addSelectionmakeMarker関数で実現しています.

  • JS正規表現による検索を試してみるツールをつくるテスト
  • JS正規表現による検索を試してみるツールをつくるテスト

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

elk

Author

3D CG, 画像処理などに興味があったりします。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Forked

sort by