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

Name: codemirror5/demo/trailingspace.html at master · codemirror/codemirror5 · GitHub
Rating: 4.8 (9854 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
<!doctype html>

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

<linkrel="stylesheet" href="../lib/codemirror.css">
<scriptsrc="../lib/codemirror.js"></script>
<scriptsrc="../addon/edit/trailingspace.js"></script>
<style>
 .CodeMirror {border-top:1px solid black; border-bottom:1px solid black;}
 .cm-trailingspace {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUXCToH00Y1UgAAACFJREFUCNdjPMDBUc/AwNDAAAFMTAwMDA0OP34wQgX/AQBYgwYEx4f9lQAAAABJRU5ErkJggg==);
background-position: bottom left;
background-repeat: repeat-x;
 }
</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="#">Trailing Whitespace</a>
</ul>
</div>

<article>
<h2>Trailing Whitespace Demo</h2>
<form><textareaid="code" name="code">This text
 has some
trailing whitespace!</textarea></form>

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

<p>Uses
the <ahref="../doc/manual.html#addon_trailingspace">trailingspace</a>
addon to highlight trailing whitespace.</p>

</article>