| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- <h2>Editor</h2>
- <div id="editor">
- <p>This is a test for list feature.</p>
- <p>Some more text for testing.</p>
- <ul>
- <li><input type="checkbox">To-do list item 1</li>
- <li><input type="checkbox" checked="checked">To-do list item 2</li>
- <li><input type="checkbox">To-do list item 3</li>
- <li><input type="checkbox" checked="checked">To-do list item 4</li>
- <li><input type="checkbox">To-do list item 5</li>
- <li>
- <input type="checkbox">To-do list item 6
- <ul class="todo-list">
- <li>
- <label class="todo-list__label">
- <input type="checkbox" disabled="disabled" checked="checked">
- Nested item
- </label>
- </li>
- </ul>
- </li>
- <li><input type="checkbox" checked="checked">To-do list item 7</li>
- <li><input type="checkbox">To-do list item 8</li>
- </ul>
- <p>Paragraph.</p>
- <p>Another testing paragraph.</p>
- <ol>
- <li>Numbered list item</li>
- </ol>
- <ul>
- <li><input type="checkbox">To-do list item</li>
- </ul>
- <ul>
- <li>Bullet list</li>
- </ul>
- </div>
- <h2>Editor content preview</h2>
- <div id="preview" class="ck-content"></div>
- <style>
- #preview {
- outline: 1px solid red;
- padding: 10px;
- }
- </style>
|