codemirror5/demo/variableheight.html at master · codemirror/codemirror5 · GitHub

Name: codemirror5/demo/variableheight.html at master · codemirror/codemirror5 · GitHub
Rating: 4.7 (4626 reviews)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!doctype html>

<title>CodeMirror: Variable Height Demo</title>
<metacharset="utf-8"/>
<linkrel=stylesheethref="../doc/docs.css">

<linkrel="stylesheet" href="../lib/codemirror.css">
<scriptsrc="../lib/codemirror.js"></script>
<scriptsrc="../mode/markdown/markdown.js"></script>
<scriptsrc="../mode/xml/xml.js"></script>
<style>
 .CodeMirror {border:1px solid silver; border-width:1px2px; }
 .cm-header { font-family: arial; }
 .cm-header-1 { font-size:150%; }
 .cm-header-2 { font-size:130%; }
 .cm-header-3 { font-size:120%; }
 .cm-header-4 { font-size:110%; }
 .cm-header-5 { font-size:100%; }
 .cm-header-6 { font-size:90%; }
 .cm-strong { font-size:140%; }
</style>
<divid=nav>
<ahref="https://codemirror.net/5"><h1>CodeMirror</h1><imgid=logosrc="../doc/logo.png"></a>

<ul>
<li><ahref="../index.html">Home</a>
<li><ahref="../doc/manual.html">Manual</a>
<li><ahref="https://github.com/codemirror/codemirror5">Code</a>
</ul>
<ul>
<li><aclass=activehref="#">Variable Height</a>
</ul>
</div>

<article>
<h2>Variable Height Demo</h2>
<form><textareaid="code" name="code"># A First Level Header

**Bold** text in a normal-size paragraph.

And a very long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long, wrapped line with a piece of **big** text inside of it.

## 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.

### Header 3

> This is a blockquote.
>
> This is the second paragraph in the blockquote.
>
> ## This is an H2 in a blockquote
</textarea></form>
<scriptid="script">
vareditor=CodeMirror.fromTextArea(document.getElementById("code"),{
lineNumbers: true,
lineWrapping: true,
mode: "markdown"
});
</script>
</article>