| 123456789101112131415161718192021222324252627282930313233 |
- <p>
- <button id="destroyEditors">Destroy editor</button>
- <button id="initEditors">Init editors</button>
- </p>
- <div id="editor-1" contenteditable="true" class="custom-class" custom-attr="foo">
- <h2>Editor 1</h2>
- <p>This is an editor instance. And there's <a href="http://ckeditor.com">some link</a>.</p>
- </div>
- <div id="editor-2" class="custom-class" custom-attr="foo">
- <h2>Editor 2</h2>
- <p>This is another editor instance.</p>
- <img src="sample.jpg" />
- <p>
- Unlike Editor 1 it doesn't have contenteditable=true initially.
- Check if it's editable after initializing the editors and back to non-editable after destroying them.
- </p>
- </div>
- <style>
- body {
- width: 10000px;
- height: 10000px;
- }
- .custom-class {
- margin-top: 100px;
- margin-left: 100px;
- margin-bottom: 100px;
- width: 450px;
- }
- </style>
|