restrictedediting.html 794 B

123456789101112131415161718192021222324252627282930313233343536
  1. <p>
  2. <button id="mode-standard">Standard mode</button>
  3. <button id="mode-restricted">Restricted mode</button>
  4. </p>
  5. <div id="editor">
  6. <h2>Heading 1</h2>
  7. <p>Paragraph <span class="ck-restricted-editing-exception">it is editable</span></p>
  8. <p><strong>Bold</strong> <i>Italic</i> <a href="foo">Link</a></p>
  9. <ul>
  10. <li>UL List item 1</li>
  11. <li>UL List item 2</li>
  12. </ul>
  13. <ol>
  14. <li>OL List item 1</li>
  15. <li>OL List item 2</li>
  16. </ol>
  17. <figure class="image image-style-side">
  18. <img alt="bar" src="sample.jpg">
  19. <figcaption>Caption</figcaption>
  20. </figure>
  21. <blockquote>
  22. <p>Quote</p>
  23. <ul>
  24. <li>Quoted UL List item 1</li>
  25. <li>Quoted UL List item 2</li>
  26. </ul>
  27. <p>Quote</p>
  28. </blockquote>
  29. </div>
  30. <style>
  31. .ck-restricted-editing-exception {
  32. background-color: #ffcd96;
  33. }
  34. </style>