| 1 | <!DOCTYPE html> |
|---|
| 2 | <html> |
|---|
| 3 | <head> |
|---|
| 4 | <meta charset="utf-8"> |
|---|
| 5 | <!-- load full ckeditor 4.1.1 --> |
|---|
| 6 | <script type="text/javascript" src="ckeditor-4.1.1/ckeditor.js"></script> |
|---|
| 7 | </head> |
|---|
| 8 | <body> |
|---|
| 9 | <h1>CKEditor Bug</h1> |
|---|
| 10 | <h2>Steps to reproduce:</h2> |
|---|
| 11 | <ol> |
|---|
| 12 | <li>Click open editor to start CKEditor on the text</li> |
|---|
| 13 | <li>Highlight all text and set the text size to something visible different, e.g. 36pt</li> |
|---|
| 14 | <li>Highlight one word, e.g. Vivamus, and set to bold</li> |
|---|
| 15 | <li>Highlight a different word, e.g. Suspendisse, and set to italic</li> |
|---|
| 16 | <li>Highlight the original word (Vivamus) and the drag it to the middle of the second word</li> |
|---|
| 17 | <li>Observe expected behaviour: the second word now looks something like this:</li> |
|---|
| 18 | <div> |
|---|
| 19 | <span style="font-size: 36pt"><i>Suspend</i><b>Vivamus</b><i>isse</i></span> |
|---|
| 20 | </div> |
|---|
| 21 | <li>Click close editor to save the changes to the document</li> |
|---|
| 22 | <li>Observe the changes are preserved</li> |
|---|
| 23 | <li>Click open editor to start CKEditor again</li> |
|---|
| 24 | <li>Observe the formatting has incorrectly changed on the word, which now looks something like this:</li> |
|---|
| 25 | <div> |
|---|
| 26 | <span style="font-size: 36pt"><i>Suspend</i></span><b>Vivamus</b><i>isse</i> |
|---|
| 27 | </div> |
|---|
| 28 | </ol> |
|---|
| 29 | <div id="text"> |
|---|
| 30 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus et erat nec augue tempor interdum eu quis nisl. Suspendisse lacinia varius pulvinar. Curabitur semper, felis at vulputate convallis, urna est sodales sem, ac sollicitudin ante sem ultrices leo. Vivamus nibh mi, euismod in tristique sed, varius ac tortor. Integer pretium nisl at lectus varius bibendum. Praesent vel sapien ut quam tincidunt posuere. Donec ac interdum augue. Sed commodo, nulla id bibendum facilisis, nisl justo iaculis risus, quis ornare libero orci lacinia diam. |
|---|
| 31 | </div> |
|---|
| 32 | <button id="start" onclick="CKEDITOR.replace('text');">Open editor</button> |
|---|
| 33 | <button id="stop" onclick="CKEDITOR.instances.text.destroy();">Close editor</button> |
|---|
| 34 | </body> |
|---|
| 35 | </html> |
|---|
