iorg - Regex Selection Editor

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/rangy/1.2.3/rangy-core.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.1.9/ace.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.4.0/codemirror.min.js"></script>
<input id=sel>
<table border=1>
    <tr><td>Here is my text. It is [awesome|great]!</td></tr>
    <tr><td>http://www.facebook.com/my-page/</td></tr>
</table>
<input id=result><button id=edit>Edit selection</button>

JavaScript

var sel;
var $sel = document.getElementById('sel');
var $edit = document.getElementById('edit');
var $result = document.getElementById('result');


document.addEventListener('mouseup', function () {
    sel = window.getSelection();
    $sel.value = sel;
    $result.value = escapeRegExp(sel.toString());
}, false);

$edit.addEventListener('click', function () {
    $result.value = prompt("Edit as you please...", escapeRegExp(sel.toString()));
}, false);


// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions?redirectlocale=en-US&redirectslug=JavaScript%2FGuide%2FRegular_Expressions#Using_special_characters
function escapeRegExp(text){
//    console.log(text.toString());
  return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
}