OLD | NEW |
---|---|
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 | 3 |
4 <style> | 4 <style> |
5 .editing { | 5 .editing { |
6 border: 2px solid red; | 6 border: 2px solid red; |
7 padding: 12px; | 7 padding: 12px; |
8 font-size: 24px; | 8 font-size: 24px; |
9 } | 9 } |
10 </style> | 10 </style> |
11 <script src=../editing.js language="JavaScript" type="text/JavaScript" ></script > | 11 <script src=../editing.js language="JavaScript" type="text/JavaScript" ></script > |
12 | 12 |
13 <script> | 13 <script> |
14 | 14 |
15 function editingTest() { | 15 function editingTest() { |
16 moveSelectionForwardByLineCommand(); | 16 moveSelectionForwardByLineCommand(); |
pdr.
2016/08/25 22:07:11
nit
chrishtr
2016/08/26 16:02:25
Done.
| |
17 moveSelectionLeftByCharacterCommand(); | 17 moveSelectionLeftByCharacterCommand(); |
18 } | 18 } |
19 | 19 |
20 </script> | 20 </script> |
21 | 21 |
22 <title>Editing Test</title> | 22 <title>Editing Test</title> |
23 </head> | 23 </head> |
24 <body> | 24 <body> |
25 <p>This tests to make sure that the caret is visible in the black background by getting the caret color from the color of the element(span) containing the text, not the parent element(div) that has the contentEditable attribute. | 25 <p>This tests to make sure that the caret is visible in the black background by getting the caret color from the color of the element(span) containing the text, not the parent element(div) that has the contentEditable attribute. |
26 </p> | 26 </p> |
27 <div contenteditable id="root" class="editing"> | 27 <div contenteditable id="root" class="editing"> |
28 <span id="test" style="color: white; background-color: black">Where is my caret? </span> | 28 <span id="test" style="color: white; background-color: black">Where is my caret? </span> |
29 </div> | 29 </div> |
30 | 30 |
31 <script> | 31 <script> |
32 runEditingTest(); | 32 runEditingTest(); |
33 </script> | 33 </script> |
34 | 34 |
35 </body> | 35 </body> |
36 </html> | 36 </html> |
37 | 37 |
38 | 38 |
OLD | NEW |