8
0

ballooneditor.html 816 B

123456789101112131415161718192021222324252627282930313233
  1. <p>
  2. <button id="destroyEditors">Destroy editor</button>
  3. <button id="initEditors">Init editors</button>
  4. </p>
  5. <div id="editor-1" contenteditable="true" class="custom-class" custom-attr="foo">
  6. <h2>Editor 1</h2>
  7. <p>This is an editor instance. And there's <a href="http://ckeditor.com">some link</a>.</p>
  8. </div>
  9. <div id="editor-2" class="custom-class" custom-attr="foo">
  10. <h2>Editor 2</h2>
  11. <p>This is another editor instance.</p>
  12. <img src="sample.jpg" />
  13. <p>
  14. Unlike Editor 1 it doesn't have contenteditable=true initially.
  15. Check if it's editable after initializing the editors and back to non-editable after destroying them.
  16. </p>
  17. </div>
  18. <style>
  19. body {
  20. width: 10000px;
  21. height: 10000px;
  22. }
  23. .custom-class {
  24. margin-top: 100px;
  25. margin-left: 100px;
  26. margin-bottom: 100px;
  27. width: 450px;
  28. }
  29. </style>