OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 | |
4 <style> | |
5 .editing { | |
6 border: 2px solid red; | |
7 padding: 12px; | |
8 font-size: 24px; | |
9 } | |
10 .explanation { | |
11 border: 2px solid blue; | |
12 padding: 12px; | |
13 font-size: 24px; | |
14 margin-bottom: 24px; | |
15 } | |
16 </style> | |
17 <script src=../editing.js language="JavaScript" type="text/JavaScript" ></script
> | |
18 | |
19 <script> | |
20 | |
21 function editingTest() { | |
22 for (i = 0; i < 2; i++) | |
23 extendSelectionForwardByLineCommand(); | |
24 for (i = 0; i < 5; i++) | |
25 extendSelectionForwardByWordCommand(); | |
26 for (i = 0; i < 6; i++) | |
27 fontSizeDeltaCommand("+1px"); | |
28 } | |
29 | |
30 </script> | |
31 | |
32 <title>Editing Test</title> | |
33 </head> | |
34 <body contenteditable="true"> | |
35 <div class="explanation"> | |
36 Size check should say: 30px. All text in the red boxes should appear to be 30px. | |
37 </div> | |
38 | |
39 <div style="font-size: 24px; margin-bottom: 16px;">Size check: <span id="check">
</span></div> | |
40 | |
41 <div id="root" style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-lin
e-break: after-white-space;"> | |
42 <div id="test" class="editing"> | |
43 There is a tide | |
44 <div class="editing"> | |
45 In the affairs of men | |
46 </div> | |
47 Which taken at the flood | |
48 </div> | |
49 </div> | |
50 | |
51 <script> | |
52 runEditingTest(); | |
53 test = document.getElementById("test"); | |
54 check = document.getElementById("check"); | |
55 size = document.defaultView.getComputedStyle(test, "").getPropertyValue("font-si
ze"); | |
56 check.innerHTML = size; | |
57 </script> | |
58 | |
59 </body> | |
60 </html> | |
OLD | NEW |