upstream/ipython Files · IPython/frontend/html/notebook/static/codemirror/mode/markdown/index.html

Merge pull request from minrk/clean_nan...

Merge pull request from minrk/clean_nan Clean nan/inf in json_clean. The floating point values NaN and Infinity are not part of the JSON specification and causes some parsers to throw errors. Since our usage is only for things like the display of function defaults, we can use a basic string representation ('NaN', 'inf', etc) instead.

Brian Granger - - Load All Authors

File last commit:

r5970:b6bb1663


                r8047:157d99af

Download file

             index.html
        
                    339 lines
            
             | 9.7 KiB
            
                | text/html
            
             |
                HtmlLexer
            
             / IPython / frontend / html / notebook / static / codemirror / mode / markdown / index.html
          
                    History
                
                 |
                  Source
                 | Raw
                 |Copy content
                 |Copy permalink

        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
      <!doctype html>

      <html>

        <head>

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
          <title>CodeMirror: Markdown mode</title>

        Fernando Perez
    
Update CodeMirror code to v2.15

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

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

          <script src="../xml/xml.js"></script>

          <script src="markdown.js"></script>

          <link rel="stylesheet" href="markdown.css">

          <style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

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

        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
        </head>

        <body>

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
          <h1>CodeMirror: Markdown mode</h1>

        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
      <!-- source: http://daringfireball.net/projects/markdown/basics.text -->

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

      Markdown: Basics

      ================

      &lt;ul id="ProjectSubmenu"&gt;

          &lt;li&gt;&lt;a href="/projects/markdown/" title="Markdown Project Page"&gt;Main&lt;/a&gt;&lt;/li&gt;

          &lt;li&gt;&lt;a class="selected" title="Markdown Basics"&gt;Basics&lt;/a&gt;&lt;/li&gt;

          &lt;li&gt;&lt;a href="/projects/markdown/syntax" title="Markdown Syntax Documentation"&gt;Syntax&lt;/a&gt;&lt;/li&gt;

          &lt;li&gt;&lt;a href="/projects/markdown/license" title="Pricing and License Information"&gt;License&lt;/a&gt;&lt;/li&gt;

          &lt;li&gt;&lt;a href="/projects/markdown/dingus" title="Online Markdown Web Form"&gt;Dingus&lt;/a&gt;&lt;/li&gt;

      &lt;/ul&gt;

      Getting the Gist of Markdown's Formatting Syntax

      ------------------------------------------------

      This page offers a brief overview of what it's like to use Markdown.

      The [syntax page] [s] provides complete, detailed documentation for

      every feature, but Markdown should be very easy to pick up simply by

      looking at a few examples of it in action. The examples on this page

      are written in a before/after style, showing example syntax and the

      HTML output produced by Markdown.

      It's also helpful to simply try Markdown out; the [Dingus] [d] is a

      web application that allows you type your own Markdown-formatted text

      and translate it to XHTML.

      **Note:** This document is itself written using Markdown; you

      can [see the source for it by adding '.text' to the URL] [src].

        [s]: /projects/markdown/syntax  "Markdown Syntax"

        [d]: /projects/markdown/dingus  "Markdown Dingus"

        [src]: /projects/markdown/basics.text

      ## Paragraphs, Headers, Blockquotes ##

      A paragraph is simply one or more consecutive lines of text, separated

      by one or more blank lines. (A blank line is any line that looks like

      a blank line -- a line containing nothing but spaces or tabs is

      considered blank.) Normal paragraphs should not be indented with

      spaces or tabs.

      Markdown offers two styles of headers: *Setext* and *atx*.

      Setext-style headers for `&lt;h1&gt;` and `&lt;h2&gt;` are created by

      "underlining" with equal signs (`=`) and hyphens (`-`), respectively.

      To create an atx-style header, you put 1-6 hash marks (`#`) at the

      beginning of the line -- the number of hashes equals the resulting

      HTML header level.

      Blockquotes are indicated using email-style '`&gt;`' angle brackets.

      Markdown:

          A First Level Header

          ====================

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
          A Second Level Header

          ---------------------

          Now is the time for all good men to come to

          the aid of their country. This is just a

          regular paragraph.

          The quick brown fox jumped over the lazy

          dog's back.

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
          ### Header 3

          &gt; This is a blockquote.

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
          &gt; 

        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
          &gt; This is the second paragraph in the blockquote.

          &gt;

          &gt; ## This is an H2 in a blockquote

      Output:

          &lt;h1&gt;A First Level Header&lt;/h1&gt;

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
          &lt;h2&gt;A Second Level Header&lt;/h2&gt;

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
          &lt;p&gt;Now is the time for all good men to come to

          the aid of their country. This is just a

          regular paragraph.&lt;/p&gt;

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
          &lt;p&gt;The quick brown fox jumped over the lazy

          dog's back.&lt;/p&gt;

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
          &lt;h3&gt;Header 3&lt;/h3&gt;

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
          &lt;blockquote&gt;

              &lt;p&gt;This is a blockquote.&lt;/p&gt;

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
              &lt;p&gt;This is the second paragraph in the blockquote.&lt;/p&gt;

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
              &lt;h2&gt;This is an H2 in a blockquote&lt;/h2&gt;

          &lt;/blockquote&gt;

      ### Phrase Emphasis ###

      Markdown uses asterisks and underscores to indicate spans of emphasis.

      Markdown:

          Some of these words *are emphasized*.

          Some of these words _are emphasized also_.

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
          Use two asterisks for **strong emphasis**.

          Or, if you prefer, __use two underscores instead__.

      Output:

          &lt;p&gt;Some of these words &lt;em&gt;are emphasized&lt;/em&gt;.

          Some of these words &lt;em&gt;are emphasized also&lt;/em&gt;.&lt;/p&gt;

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
          &lt;p&gt;Use two asterisks for &lt;strong&gt;strong emphasis&lt;/strong&gt;.

          Or, if you prefer, &lt;strong&gt;use two underscores instead&lt;/strong&gt;.&lt;/p&gt;

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
      ## Lists ##

      Unordered (bulleted) lists use asterisks, pluses, and hyphens (`*`,

      `+`, and `-`) as list markers. These three markers are

      interchangable; this:

          *   Candy.

          *   Gum.

          *   Booze.

      this:

          +   Candy.

          +   Gum.

          +   Booze.

      and this:

          -   Candy.

          -   Gum.

          -   Booze.

      all produce the same output:

          &lt;ul&gt;

          &lt;li&gt;Candy.&lt;/li&gt;

          &lt;li&gt;Gum.&lt;/li&gt;

          &lt;li&gt;Booze.&lt;/li&gt;

          &lt;/ul&gt;

      Ordered (numbered) lists use regular numbers, followed by periods, as

      list markers:

          1.  Red

          2.  Green

          3.  Blue

      Output:

          &lt;ol&gt;

          &lt;li&gt;Red&lt;/li&gt;

          &lt;li&gt;Green&lt;/li&gt;

          &lt;li&gt;Blue&lt;/li&gt;

          &lt;/ol&gt;

      If you put blank lines between items, you'll get `&lt;p&gt;` tags for the

      list item text. You can create multi-paragraph list items by indenting

      the paragraphs by 4 spaces or 1 tab:

          *   A list item.

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
              With multiple paragraphs.

          *   Another item in the list.

      Output:

          &lt;ul&gt;

          &lt;li&gt;&lt;p&gt;A list item.&lt;/p&gt;

          &lt;p&gt;With multiple paragraphs.&lt;/p&gt;&lt;/li&gt;

          &lt;li&gt;&lt;p&gt;Another item in the list.&lt;/p&gt;&lt;/li&gt;

          &lt;/ul&gt;

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
      ### Links ###

      Markdown supports two styles for creating links: *inline* and

      *reference*. With both styles, you use square brackets to delimit the

      text you want to turn into a link.

      Inline-style links use parentheses immediately after the link text.

      For example:

          This is an [example link](http://example.com/).

      Output:

          &lt;p&gt;This is an &lt;a href="http://example.com/"&gt;

          example link&lt;/a&gt;.&lt;/p&gt;

      Optionally, you may include a title attribute in the parentheses:

          This is an [example link](http://example.com/ "With a Title").

      Output:

          &lt;p&gt;This is an &lt;a href="http://example.com/" title="With a Title"&gt;

          example link&lt;/a&gt;.&lt;/p&gt;

      Reference-style links allow you to refer to your links by names, which

      you define elsewhere in your document:

          I get 10 times more traffic from [Google][1] than from

          [Yahoo][2] or [MSN][3].

          [1]: http://google.com/        "Google"

          [2]: http://search.yahoo.com/  "Yahoo Search"

          [3]: http://search.msn.com/    "MSN Search"

      Output:

          &lt;p&gt;I get 10 times more traffic from &lt;a href="http://google.com/"

          title="Google"&gt;Google&lt;/a&gt; than from &lt;a href="http://search.yahoo.com/"

          title="Yahoo Search"&gt;Yahoo&lt;/a&gt; or &lt;a href="http://search.msn.com/"

          title="MSN Search"&gt;MSN&lt;/a&gt;.&lt;/p&gt;

      The title attribute is optional. Link names may contain letters,

      numbers and spaces, but are *not* case sensitive:

          I start my morning with a cup of coffee and

          [The New York Times][NY Times].

          [ny times]: http://www.nytimes.com/

      Output:

          &lt;p&gt;I start my morning with a cup of coffee and

          &lt;a href="http://www.nytimes.com/"&gt;The New York Times&lt;/a&gt;.&lt;/p&gt;

      ### Images ###

      Image syntax is very much like link syntax.

      Inline (titles are optional):

          ![alt text](/path/to/img.jpg "Title")

      Reference-style:

          ![alt text][id]

          [id]: /path/to/img.jpg "Title"

      Both of the above examples produce the same output:

          &lt;img src="/path/to/img.jpg" alt="alt text" title="Title" /&gt;

      ### Code ###

      In a regular paragraph, you can create code span by wrapping text in

      backtick quotes. Any ampersands (`&amp;`) and angle brackets (`&lt;` or

      `&gt;`) will automatically be translated into HTML entities. This makes

      it easy to use Markdown to write about HTML example code:

          I strongly recommend against using any `&lt;blink&gt;` tags.

          I wish SmartyPants used named entities like `&amp;mdash;`

          instead of decimal-encoded entites like `&amp;#8212;`.

      Output:

          &lt;p&gt;I strongly recommend against using any

          &lt;code&gt;&amp;lt;blink&amp;gt;&lt;/code&gt; tags.&lt;/p&gt;

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
          &lt;p&gt;I wish SmartyPants used named entities like

          &lt;code&gt;&amp;amp;mdash;&lt;/code&gt; instead of decimal-encoded

          entites like &lt;code&gt;&amp;amp;#8212;&lt;/code&gt;.&lt;/p&gt;

      To specify an entire block of pre-formatted code, indent every line of

      the block by 4 spaces or 1 tab. Just like with code spans, `&amp;`, `&lt;`,

      and `&gt;` characters will be escaped automatically.

      Markdown:

          If you want your page to validate under XHTML 1.0 Strict,

          you've got to put paragraph tags in your blockquotes:

              &lt;blockquote&gt;

                  &lt;p&gt;For example.&lt;/p&gt;

              &lt;/blockquote&gt;

      Output:

          &lt;p&gt;If you want your page to validate under XHTML 1.0 Strict,

          you've got to put paragraph tags in your blockquotes:&lt;/p&gt;

        Brian Granger
    
Updating to CodeMirror 2.2, latest stable release.

              r5941
            
        Fernando Perez
    
Update CodeMirror code to v2.15

              r4933
            
          &lt;pre&gt;&lt;code&gt;&amp;lt;blockquote&amp;gt;

              &amp;lt;p&amp;gt;For example.&amp;lt;/p&amp;gt;

          &amp;lt;/blockquote&amp;gt;

          &lt;/code&gt;&lt;/pre&gt;

      </textarea></form>

          <script>

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

              mode: 'markdown',

              lineNumbers: true,

              matchBrackets: true,

              theme: "default"

            });

          </script>

          <p><strong>MIME types defined:</strong> <code>text/x-markdown</code>.</p>

        </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

Fernando Perez Update CodeMirror code to v2.15	r4933	<!doctype html>
		<html>
		<head>
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941	<title>CodeMirror: Markdown mode</title>
Fernando Perez Update CodeMirror code to v2.15	r4933	<link rel="stylesheet" href="../../lib/codemirror.css">
		<script src="../../lib/codemirror.js"></script>
		<script src="../xml/xml.js"></script>
		<script src="markdown.js"></script>
		<link rel="stylesheet" href="markdown.css">
		<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941	<link rel="stylesheet" href="../../doc/docs.css">
Fernando Perez Update CodeMirror code to v2.15	r4933	</head>
		<body>
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941	<h1>CodeMirror: Markdown mode</h1>
Fernando Perez Update CodeMirror code to v2.15	r4933
		<!-- source: http://daringfireball.net/projects/markdown/basics.text -->
		<form><textarea id="code" name="code">
		Markdown: Basics
		================

		<ul id="ProjectSubmenu">
		<li><a href="/projects/markdown/" title="Markdown Project Page">Main</a></li>
		<li><a class="selected" title="Markdown Basics">Basics</a></li>
		<li><a href="/projects/markdown/syntax" title="Markdown Syntax Documentation">Syntax</a></li>
		<li><a href="/projects/markdown/license" title="Pricing and License Information">License</a></li>
		<li><a href="/projects/markdown/dingus" title="Online Markdown Web Form">Dingus</a></li>
		</ul>


		Getting the Gist of Markdown's Formatting Syntax
		------------------------------------------------

		This page offers a brief overview of what it's like to use Markdown.
		The [syntax page] [s] provides complete, detailed documentation for
		every feature, but Markdown should be very easy to pick up simply by
		looking at a few examples of it in action. The examples on this page
		are written in a before/after style, showing example syntax and the
		HTML output produced by Markdown.

		It's also helpful to simply try Markdown out; the [Dingus] [d] is a
		web application that allows you type your own Markdown-formatted text
		and translate it to XHTML.

		Note: This document is itself written using Markdown; you
		can [see the source for it by adding '.text' to the URL] [src].

		[s]: /projects/markdown/syntax "Markdown Syntax"
		[d]: /projects/markdown/dingus "Markdown Dingus"
		[src]: /projects/markdown/basics.text


		## Paragraphs, Headers, Blockquotes ##

		A paragraph is simply one or more consecutive lines of text, separated
		by one or more blank lines. (A blank line is any line that looks like
		a blank line -- a line containing nothing but spaces or tabs is
		considered blank.) Normal paragraphs should not be indented with
		spaces or tabs.

		Markdown offers two styles of headers: Setext and atx.
		Setext-style headers for `<h1>` and `<h2>` are created by
		"underlining" with equal signs (`=`) and hyphens (`-`), respectively.
		To create an atx-style header, you put 1-6 hash marks (`#`) at the
		beginning of the line -- the number of hashes equals the resulting
		HTML header level.

		Blockquotes are indicated using email-style '`>`' angle brackets.

		Markdown:

		A First Level Header
		====================
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941
Fernando Perez Update CodeMirror code to v2.15	r4933	A Second Level Header
		---------------------

		Now is the time for all good men to come to
		the aid of their country. This is just a
		regular paragraph.

		The quick brown fox jumped over the lazy
		dog's back.
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941
Fernando Perez Update CodeMirror code to v2.15	r4933	### Header 3

		> This is a blockquote.
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941	>
Fernando Perez Update CodeMirror code to v2.15	r4933	> This is the second paragraph in the blockquote.
		>
		> ## This is an H2 in a blockquote


		Output:

		<h1>A First Level Header</h1>
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941
Fernando Perez Update CodeMirror code to v2.15	r4933	<h2>A Second Level Header</h2>
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941
Fernando Perez Update CodeMirror code to v2.15	r4933	<p>Now is the time for all good men to come to
		the aid of their country. This is just a
		regular paragraph.</p>
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941
Fernando Perez Update CodeMirror code to v2.15	r4933	<p>The quick brown fox jumped over the lazy
		dog's back.</p>
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941
Fernando Perez Update CodeMirror code to v2.15	r4933	<h3>Header 3</h3>
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941
Fernando Perez Update CodeMirror code to v2.15	r4933	<blockquote>
		<p>This is a blockquote.</p>
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941
Fernando Perez Update CodeMirror code to v2.15	r4933	<p>This is the second paragraph in the blockquote.</p>
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941
Fernando Perez Update CodeMirror code to v2.15	r4933	<h2>This is an H2 in a blockquote</h2>
		</blockquote>



		### Phrase Emphasis ###

		Markdown uses asterisks and underscores to indicate spans of emphasis.

		Markdown:

		Some of these words are emphasized.
		Some of these words _are emphasized also_.
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941
Fernando Perez Update CodeMirror code to v2.15	r4933	Use two asterisks for strong emphasis.
		Or, if you prefer, __use two underscores instead__.

		Output:

		<p>Some of these words <em>are emphasized</em>.
		Some of these words <em>are emphasized also</em>.</p>
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941
Fernando Perez Update CodeMirror code to v2.15	r4933	<p>Use two asterisks for <strong>strong emphasis</strong>.
		Or, if you prefer, <strong>use two underscores instead</strong>.</p>
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941
Fernando Perez Update CodeMirror code to v2.15	r4933

		## Lists ##

		Unordered (bulleted) lists use asterisks, pluses, and hyphens (`*`,
		`+`, and `-`) as list markers. These three markers are
		interchangable; this:

		* Candy.
		* Gum.
		* Booze.

		this:

		+ Candy.
		+ Gum.
		+ Booze.

		and this:

		- Candy.
		- Gum.
		- Booze.

		all produce the same output:

		<ul>
		<li>Candy.</li>
		<li>Gum.</li>
		<li>Booze.</li>
		</ul>

		Ordered (numbered) lists use regular numbers, followed by periods, as
		list markers:

		1. Red
		2. Green
		3. Blue

		Output:

		<ol>
		<li>Red</li>
		<li>Green</li>
		<li>Blue</li>
		</ol>

		If you put blank lines between items, you'll get `<p>` tags for the
		list item text. You can create multi-paragraph list items by indenting
		the paragraphs by 4 spaces or 1 tab:

		* A list item.
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941
Fernando Perez Update CodeMirror code to v2.15	r4933	With multiple paragraphs.

		* Another item in the list.

		Output:

		<ul>
		<li><p>A list item.</p>
		<p>With multiple paragraphs.</p></li>
		<li><p>Another item in the list.</p></li>
		</ul>
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941
Fernando Perez Update CodeMirror code to v2.15	r4933

		### Links ###

		Markdown supports two styles for creating links: inline and
		reference. With both styles, you use square brackets to delimit the
		text you want to turn into a link.

		Inline-style links use parentheses immediately after the link text.
		For example:

		This is an [example link](http://example.com/).

		Output:

		<p>This is an <a href="http://example.com/">
		example link</a>.</p>

		Optionally, you may include a title attribute in the parentheses:

		This is an [example link](http://example.com/ "With a Title").

		Output:

		<p>This is an <a href="http://example.com/" title="With a Title">
		example link</a>.</p>

		Reference-style links allow you to refer to your links by names, which
		you define elsewhere in your document:

		I get 10 times more traffic from [Google][1] than from
		[Yahoo][2] or [MSN][3].

		[1]: http://google.com/ "Google"
		[2]: http://search.yahoo.com/ "Yahoo Search"
		[3]: http://search.msn.com/ "MSN Search"

		Output:

		<p>I get 10 times more traffic from <a href="http://google.com/"
		title="Google">Google</a> than from <a href="http://search.yahoo.com/"
		title="Yahoo Search">Yahoo</a> or <a href="http://search.msn.com/"
		title="MSN Search">MSN</a>.</p>

		The title attribute is optional. Link names may contain letters,
		numbers and spaces, but are not case sensitive:

		I start my morning with a cup of coffee and
		[The New York Times][NY Times].

		[ny times]: http://www.nytimes.com/

		Output:

		<p>I start my morning with a cup of coffee and
		<a href="http://www.nytimes.com/">The New York Times</a>.</p>


		### Images ###

		Image syntax is very much like link syntax.

		Inline (titles are optional):

		![alt text](/path/to/img.jpg "Title")

		Reference-style:

		![alt text][id]

		[id]: /path/to/img.jpg "Title"

		Both of the above examples produce the same output:

		<img src="/path/to/img.jpg" alt="alt text" title="Title" />



		### Code ###

		In a regular paragraph, you can create code span by wrapping text in
		backtick quotes. Any ampersands (`&`) and angle brackets (`<` or
		`>`) will automatically be translated into HTML entities. This makes
		it easy to use Markdown to write about HTML example code:

		I strongly recommend against using any `<blink>` tags.

		I wish SmartyPants used named entities like `&mdash;`
		instead of decimal-encoded entites like `&#8212;`.

		Output:

		<p>I strongly recommend against using any
		<code>&lt;blink&gt;</code> tags.</p>
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941
Fernando Perez Update CodeMirror code to v2.15	r4933	<p>I wish SmartyPants used named entities like
		<code>&amp;mdash;</code> instead of decimal-encoded
		entites like <code>&amp;#8212;</code>.</p>


		To specify an entire block of pre-formatted code, indent every line of
		the block by 4 spaces or 1 tab. Just like with code spans, `&`, `<`,
		and `>` characters will be escaped automatically.

		Markdown:

		If you want your page to validate under XHTML 1.0 Strict,
		you've got to put paragraph tags in your blockquotes:

		<blockquote>
		<p>For example.</p>
		</blockquote>

		Output:

		<p>If you want your page to validate under XHTML 1.0 Strict,
		you've got to put paragraph tags in your blockquotes:</p>
Brian Granger Updating to CodeMirror 2.2, latest stable release.	r5941
Fernando Perez Update CodeMirror code to v2.15	r4933	<pre><code>&lt;blockquote&gt;
		&lt;p&gt;For example.&lt;/p&gt;
		&lt;/blockquote&gt;
		</code></pre>
		</textarea></form>

		<script>
		var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
		mode: 'markdown',
		lineNumbers: true,
		matchBrackets: true,
		theme: "default"
		});
		</script>

		<p><strong>MIME types defined:</strong> <code>text/x-markdown</code>.</p>

		</body>
		</html>