[フレーム]
Last Updated: February 25, 2016
·
998
· blazeeboy

create a regular expression testing playground using ruby and sinatra

i where using regxr an online tool made using air/flash, and i told myself why not to create my own small tool just in case ;) and it turns out to be fun.

require 'sinatra' # gem install sinatra --no-ri --no-rdoc
set :port, 3000
html = <<-EOT
<html><head><style>
#regex,#text{ width:100%; font-size:15px; display:block; margin-bottom:5px; }
#text{ height: 200px; }
span{ background:rgb(230,191,161); display:inline-block; border-radius:3px;}
</style></head><body>

 <input id="regex" placeholder="Regex"/>
 <textarea id="text" placeholder="Text"></textarea>
 <div id="result"></div>

 <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
 <script>
 $('#regex,#text').keyup(function(){
 $.get('/preview',{
 reg:$('#regex').val(),
 text:$('#text').val()
 },function(r){
 $('#result').html(r);
 });
 });
 </script>

</body></html>
EOT

get('/'){ html }
get '/preview' do 
 begin
 params['text'].gsub(/(#{params['reg']})/,'<span>1円</span>')
 rescue
 'Your regex is invalid'
 end
end

AltStyle によって変換されたページ (->オリジナル) /