| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <p>
- <button id="mode-standard">Switch to standard mode</button>
- <button id="mode-restricted">Switch to restricted mode</button>
- </p>
- <p id="current-mode"></p>
- <div id="editor">
- <h2>Heading 1</h2>
- <p>Paragraph <span class="ck-restricted-editing-exception">it is editable</span></p>
- <p><strong>Bold</strong> <i>Italic</i> <a href="foo">Link</a></p>
- <ul>
- <li>UL List item 1</li>
- <li>UL List item 2</li>
- </ul>
- <ol>
- <li>OL List item 1</li>
- <li>OL List item 2</li>
- </ol>
- <figure class="image image-style-side">
- <img alt="bar" src="sample.jpg">
- <figcaption>Caption</figcaption>
- </figure>
- <blockquote>
- <p>Quote</p>
- <ul>
- <li>Quoted UL List item 1</li>
- <li>Quoted UL List item 2</li>
- </ul>
- <p>Quote</p>
- </blockquote>
- </div>
- <style>
- .ck-restricted-editing-exception {
- background-color: #ffcd96;
- }
- #current-mode {
- /*text-align: center;*/
- padding: 1em 0;
- }
- .mode {
- color: #fff;
- padding: 0.5em;
- }
- .mode-standard {
- background: #4f4fff;
- }
- .mode-restricted {
- background: #a72727;
- }
- </style>
|