Skip to content

Commit 03ca0b5

Browse files
author
Will Bamberg
committed
...
1 parent 54f5b0a commit 03ca0b5

File tree

4 files changed

+21
-2
lines changed

4 files changed

+21
-2
lines changed

editable-samples-2/pages/font/index.html

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,21 @@
77

88
<body>
99

10+
<pre id="example-choice-list">
11+
<div class="example-choice"><code class="language-css">font: italic 1.5em cursive;</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
12+
<div class="example-choice"><code class="language-css">font: italic 1.5em cursive;</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
13+
<div class="example-choice"><code class="language-css">font: italic 1.5em cursive;</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
14+
<div class="example-choice"><code class="language-css">filter: contrast(200%);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
15+
<div class="example-choice"><code class="language-css">filter: drop-shadow(16px 16px 20px blue);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
16+
<div class="example-choice"><code class="language-css">filter: grayscale(50%);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
17+
<div class="example-choice"><code class="language-css">filter: hue-rotate(90deg);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
18+
<div class="example-choice"><code class="language-css">filter: invert(75%);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
19+
<div class="example-choice"><code class="language-css">filter: opacity(25%);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
20+
<div class="example-choice"><code class="language-css">filter: saturate(30%);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
21+
<div class="example-choice"><code class="language-css">filter: sepia(60%);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
22+
<div class="example-choice"><code class="language-css">filter: drop-shadow(16px 16px 20px red) invert(75%);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div></pre>
23+
24+
1025
<div id="output">
1126
<span id="example-element">London. Michaelmas term lately over, and the Lord Chancellor sitting in Lincoln's Inn Hall. Implacable November weather. As much mud in the streets as if the waters had but newly retired from the face of the earth, and it would not be wonderful to meet a Megalosaurus, forty feet long or so, waddling like an elephantine lizard up Holborn Hill. Smoke lowering down from chimney-pots, making a soft black drizzle, with flakes of soot in it as big as full-grown snowflakes—gone into mourning, one might imagine, for the death of the sun. Dogs, undistinguishable in mire. Horses, scarcely better; splashed to their very blinkers. Foot passengers, jostling one another's umbrellas in a general infection of ill temper, and losing their foot-hold at street-corners, where tens of thousands of other foot passengers have been slipping and sliding since the day broke (if this day ever broke), adding new deposits to the crust upon crust of mud, sticking at those points tenaciously to the pavement, and accumulating at compound interest.</span>
1227
</div>

editable-samples/js/editable.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
var element = document.getElementById("example-element");
22
var input = document.getElementById("input");
33
var editor = document.getElementById("editor");
4+
var editorContent = document.getElementById("editor-content");
45
var reset = document.getElementById("reset");
56

67
var cmOptions = {
@@ -10,9 +11,8 @@ var cmOptions = {
1011
showCursorWhenSelecting: true
1112
}
1213

13-
var cmEditor = CodeMirror(editor, cmOptions);
14+
var cmEditor = CodeMirror.fromTextArea(editorContent, cmOptions);
1415
cmEditor.setSize("100%", 50);
15-
cmEditor.doc.setValue(cmInitContent);
1616
cmEditor.focus();
1717
cmEditor.doc.setCursor({line:0, pos: -1});
1818

editable-samples/pages/font/index.html

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,9 @@
1616

1717
<div id="editor">
1818
<input id="reset" class="hidden" type="button" value="Reset" />
19+
<textarea id="editor-content">font: italic 1.5em cursive;
20+
21+
</textarea>
1922
</div>
2023

2124
<div id="output">

editable-samples/pages/transform/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@
1515

1616
<div id="editor">
1717
<input id="reset" class="hidden" type="button" value="Reset" />
18+
<textarea id="editor-content">font: italic 1.5em cursive;</textarea>
1819
</div>
1920

2021
<div id="output">

0 commit comments

Comments
 (0)