inlineeditor.html 733 B

1234567891011121314151617181920212223242526272829303132
  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.</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. <p>
  13. Unlike Editor 1 it doesn't have contenteditable=true initially.
  14. Check if it's editable after initializing the editors and back to non-editable after destroying them.
  15. </p>
  16. </div>
  17. <style>
  18. body {
  19. width: 10000px;
  20. height: 10000px;
  21. }
  22. .custom-class {
  23. margin-top: 100px;
  24. margin-left: 100px;
  25. margin-bottom: 100px;
  26. width: 450px;
  27. }
  28. </style>