upstream/ipython Files · IPython/frontend/html/notebook/static/components/codemirror/demo/changemode.html

Copying CodeMirror's python mode into place for our ipython mode.

Brian E. Granger - - Load All Authors

File last commit:

r10407:f6bdcd19


                r10415:66de4c53

Download file

             changemode.html
        
                    50 lines
            
             | 1.4 KiB
            
                | text/html
            
             |
                HtmlLexer
            
             / IPython / frontend / html / notebook / static / components / codemirror / demo / changemode.html
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      <!doctype html>

      <html>

        <head>

          <meta charset="utf-8">

          <title>CodeMirror: Mode-Changing Demo</title>

          <link rel="stylesheet" href="../lib/codemirror.css">

          <script src="../lib/codemirror.js"></script>

          <script src="../mode/javascript/javascript.js"></script>

          <script src="../mode/scheme/scheme.js"></script>

          <link rel="stylesheet" href="../doc/docs.css">

          <style type="text/css">

            .CodeMirror {border: 1px solid black;}

          </style>

        </head>

        <body>

          <h1>CodeMirror: Mode-Changing demo</h1>

          <form><textarea id="code" name="code">

      ;; If there is Scheme code in here, the editor will be in Scheme mode.

      ;; If you put in JS instead, it'll switch to JS mode.

      (define (double x)

        (* x x))

      </textarea></form>

      <p>On changes to the content of the above editor, a (crude) script

      tries to auto-detect the language used, and switches the editor to

      either JavaScript or Scheme mode based on that.</p>

      <script>

        var editor = CodeMirror.fromTextArea(document.getElementById("code"), {

          mode: "scheme",

          lineNumbers: true,

          tabMode: "indent"

        });

        editor.on("change", function() {

          clearTimeout(pending);

          setTimeout(update, 400);

        });

        var pending;

        function looksLikeScheme(code) {

          return !/^\s*\(\s*function\b/.test(code) && /^\s*[;\(]/.test(code);

        }

        function update() {

          editor.setOption("mode", looksLikeScheme(editor.getValue()) ? "scheme" : "javascript");

        }

      </script>

        </body>

      </html>

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

				<!doctype html>
				<html>
				<head>
				<meta charset="utf-8">
				<title>CodeMirror: Mode-Changing Demo</title>
				<link rel="stylesheet" href="../lib/codemirror.css">
				<script src="../lib/codemirror.js"></script>
				<script src="../mode/javascript/javascript.js"></script>
				<script src="../mode/scheme/scheme.js"></script>
				<link rel="stylesheet" href="../doc/docs.css">

				<style type="text/css">
				.CodeMirror {border: 1px solid black;}
				</style>
				</head>
				<body>
				<h1>CodeMirror: Mode-Changing demo</h1>

				<form><textarea id="code" name="code">
				;; If there is Scheme code in here, the editor will be in Scheme mode.
				;; If you put in JS instead, it'll switch to JS mode.

				(define (double x)
				(* x x))
				</textarea></form>

				<p>On changes to the content of the above editor, a (crude) script
				tries to auto-detect the language used, and switches the editor to
				either JavaScript or Scheme mode based on that.</p>

				<script>
				var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
				mode: "scheme",
				lineNumbers: true,
				tabMode: "indent"
				});
				editor.on("change", function() {
				clearTimeout(pending);
				setTimeout(update, 400);
				});
				var pending;
				function looksLikeScheme(code) {
				return !/^\s\(\sfunction\b/.test(code) && /^\s*[;\(]/.test(code);
				}
				function update() {
				editor.setOption("mode", looksLikeScheme(editor.getValue()) ? "scheme" : "javascript");
				}
				</script>
				</body>
				</html>