8
0

memory.html 767 B

12345678910111213141516171819202122232425262728
  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. .custom-class {
  20. margin-top: 100px;
  21. margin-left: 100px;
  22. margin-bottom: 100px;
  23. width: 450px;
  24. }
  25. </style>