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

Moving cmtemp -> codemirror.

Brian E. Granger - - Load All Authors

File last commit:

r10407:f6bdcd19


                r10407:f6bdcd19

Download file

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

      <!doctype html>

      <html>

        <head>

          <meta charset="utf-8">

          <title>CodeMirror: Placeholder demo</title>

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

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

          <script src="../addon/display/placeholder.js"></script>

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

          <style type="text/css">

            .CodeMirror { border: 1px solid silver; }

            .CodeMirror-empty { outline: 1px solid #c22; }

            .CodeMirror-empty.CodeMirror-focused { outline: none; }

            .CodeMirror pre.CodeMirror-placeholder { color: #999; }

          </style>

        </head>

        <body>

          <h1>CodeMirror: Placeholder demo</h1>

          <form><textarea id="code" name="code" placeholder="Code goes here..."></textarea></form>

          <p>The <a href="../doc/manual.html#addon_placeholder">placeholder</a>

          plug-in adds an option <code>placeholder</code> that can be set to

          make text appear in the editor when it is empty and not focused.

          If the source textarea has a <code>placeholder</code> attribute,

          it will automatically be inherited.</p>

          <script>

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

              lineNumbers: true

            });

          </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: Placeholder demo</title>
				<link rel="stylesheet" href="../lib/codemirror.css">
				<script src="../lib/codemirror.js"></script>
				<script src="../addon/display/placeholder.js"></script>
				<link rel="stylesheet" href="../doc/docs.css">

				<style type="text/css">
				.CodeMirror { border: 1px solid silver; }
				.CodeMirror-empty { outline: 1px solid #c22; }
				.CodeMirror-empty.CodeMirror-focused { outline: none; }
				.CodeMirror pre.CodeMirror-placeholder { color: #999; }
				</style>
				</head>
				<body>
				<h1>CodeMirror: Placeholder demo</h1>

				<form><textarea id="code" name="code" placeholder="Code goes here..."></textarea></form>

				<p>The <a href="../doc/manual.html#addon_placeholder">placeholder</a>
				plug-in adds an option <code>placeholder</code> that can be set to
				make text appear in the editor when it is empty and not focused.
				If the source textarea has a <code>placeholder</code> attribute,
				it will automatically be inherited.</p>

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

				</body>
				</html>