upstream/ipython Files · IPython/frontend/html/notebook/static/components/codemirror/demo/resize.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

             resize.html
        
                    49 lines
            
             | 1.2 KiB
            
                | text/html
            
             |
                HtmlLexer
            
             / IPython / frontend / html / notebook / static / components / codemirror / demo / resize.html
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      <!doctype html>

      <html>

        <head>

          <meta charset="utf-8">

          <title>CodeMirror: Autoresize Demo</title>

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

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

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

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

          <style type="text/css">

            .CodeMirror {

              border: 1px solid #eee;

              height: auto;

            }

            .CodeMirror-scroll {

              overflow-y: hidden;

              overflow-x: auto;

            }

          </style>

        </head>

        <body>

          <h1>CodeMirror: Autoresize demo</h1>

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

      .CodeMirror {

        border: 1px solid #eee;

        height: auto;

      }

      .CodeMirror-scroll {

        overflow-y: hidden;

        overflow-x: auto;

      }

      </textarea></form>

      <p>By setting a few CSS properties, and giving

      the <a href="../doc/manual.html#option_viewportMargin"><code>viewportMargin</code></a>

      a value of <code>Infinity</code>, CodeMirror can be made to

      automatically resize to fit its content.</p>

          <script>

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

              lineNumbers: true,

              viewportMargin: Infinity

            });

          </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: Autoresize Demo</title>
				<link rel="stylesheet" href="../lib/codemirror.css">
				<script src="../lib/codemirror.js"></script>
				<script src="../mode/css/css.js"></script>
				<link rel="stylesheet" href="../doc/docs.css">

				<style type="text/css">
				.CodeMirror {
				border: 1px solid #eee;
				height: auto;
				}
				.CodeMirror-scroll {
				overflow-y: hidden;
				overflow-x: auto;
				}
				</style>
				</head>
				<body>
				<h1>CodeMirror: Autoresize demo</h1>

				<form><textarea id="code" name="code">
				.CodeMirror {
				border: 1px solid #eee;
				height: auto;
				}
				.CodeMirror-scroll {
				overflow-y: hidden;
				overflow-x: auto;
				}
				</textarea></form>

				<p>By setting a few CSS properties, and giving
				the <a href="../doc/manual.html#option_viewportMargin"><code>viewportMargin</code></a>
				a value of <code>Infinity</code>, CodeMirror can be made to
				automatically resize to fit its content.</p>

				<script>
				var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
				lineNumbers: true,
				viewportMargin: Infinity
				});
				</script>

				</body>
				</html>