| <html> |
| <head> |
| <style> |
| .editing { |
| border: 2px solid red; |
| padding: 12px; |
| font-size: 24px; |
| } |
| </style> |
| <script src="../editing.js"></script> |
| <script src="../../resources/dump-as-markup.js"></script> |
| <title>Editing Test</title> |
| </head> |
| <body contenteditable id="root"> |
| <div class="editing" id="test">There is a tide in the affairs of men.</div> |
| <script> |
| |
| window.getSelection().collapse(document.getElementById('test'), 0); |
| |
| for (i = 0; i < 31; i++) |
| moveSelectionForwardByCharacterCommand(); |
| for (i = 0; i < 7; i++) |
| extendSelectionForwardByCharacterCommand(); |
| |
| copyCommand(); |
| moveSelectionForwardByCharacterCommand(); |
| insertLineBreakCommand(); |
| insertLineBreakCommand(); |
| pasteCommand(); |
| pasteCommand(); |
| |
| Markup.description('There was a bug when pasting at the end of the block. The content was inserted at the start\n' |
| + 'the block instead of the end. This tests the insert-at-end case.'); |
| var script = document.getElementsByTagName('script')[2]; |
| script.parentNode.removeChild(script); |
| Markup.dump('root'); |
| |
| </script> |
| </body> |
| </html> |
