index.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <meta charset="utf-8" />
  4. <title>Regex Tester</title>
  5. <script>
  6. function substitute() {
  7. pattern = document.getElementById('pattern').value;
  8. text = document.getElementById('text').value;
  9. prefix = document.getElementById('prefix').value;
  10. repl = document.getElementById('repl').value;
  11. suffix = document.getElementById('suffix').value;
  12. exp = new RegExp(pattern, 'g');
  13. result = prefix + text.replace(exp, repl) + suffix
  14. document.getElementById('result').value = result
  15. return false;
  16. }
  17. function copy() {
  18. document.getElementById('result').select();
  19. document.execCommand('copy');
  20. }
  21. </script>
  22. <form onsubmit="return substitute()">
  23. <p>pattern <input id="pattern" value="\.\s+"></p>
  24. <p>text <input id="text"></p>
  25. <p>prefix <input id="prefix" value="<ul><li>"></p>
  26. <p>repl <input id="repl" value="</li><li>"></p>
  27. <p>suffix <input id="suffix" value="</li></ul>"></p>
  28. <p><input type="submit" value="substitute"></p>
  29. </form>
  30. <p>
  31. <textarea id="result"></textarea>
  32. <br>
  33. <input type="button" onclick="copy()" value="copy">
  34. </p>
  35. </html>