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 moveSelectionForwardByCharacterCommand(); | |
23 extendSelectionForwardByLineCommand(); | |
24 extendSelectionForwardByCharacterCommand(); | |
25 deleteCommand(); | |
26 } | |
27 | |
28 </script> | |
29 | |
30 <title>Editing Test</title> | |
31 </head> | |
32 <body contenteditable="true"> | |
33 <div class="explanation"> | |
34 Should see "Test OK" in top red box, followed by "...more text", in its own red
box. | |
35 </div> | |
36 | |
37 <div id="root" style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-lin
e-break: after-white-space;"> | |
38 <div id="test" class="editing"> | |
39 T | |
40 <div id="test" class="editing"> | |
41 xest OK<br>...more text | |
42 </div> | |
43 </div> | |
44 </div> | |
45 | |
46 <script> | |
47 runEditingTest(); | |
48 </script> | |
49 | |
50 </body> | |
51 </html> | |
OLD | NEW |