index.html 1.0 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <!doctype html>
  2. <title>CodeMirror</title>
  3. <meta charset="utf-8"/>
  4. <link rel=stylesheet href="lib/codemirror.css">
  5. <script src="lib/codemirror.js"></script>
  6. <script src="mode/xml/xml.js"></script>
  7. <script src="mode/javascript/javascript.js"></script>
  8. <script src="mode/css/css.js"></script>
  9. <script src="mode/htmlmixed/htmlmixed.js"></script>
  10. <script src="addon/edit/matchbrackets.js"></script>
  11. <style>
  12. .CodeMirror { height: auto; border: 1px solid #ddd; }
  13. .CodeMirror-scroll { max-height: 200px; }
  14. .CodeMirror pre { padding-left: 7px; line-height: 1.25; }
  15. </style>
  16. <form style="position: relative; margin-top: .5em;">
  17. <textarea id=demotext>
  18. <!-- Create a simple CodeMirror instance -->
  19. <link rel="stylesheet" href="lib/codemirror.css">
  20. <script src="lib/codemirror.js"></script>
  21. <script>
  22. var editor = CodeMirror.fromTextArea(myTextarea, {
  23. lineNumbers: true
  24. });
  25. </script>
  26. </textarea>
  27. </form>
  28. <script>
  29. var editor = CodeMirror.fromTextArea(document.getElementById("demotext"), {
  30. lineNumbers: true,
  31. mode: "text/html",
  32. matchBrackets: true
  33. });
  34. </script>