readonly.html 657 B

12345678910111213141516171819202122232425262728293031323334
  1. <button id="read-only">Turn on read-only mode</button>
  2. <div id="editor">
  3. <h2>Heading 1</h2>
  4. <p>Paragraph</p>
  5. <p><strong>Bold</strong> <i>Italic</i> <a href="foo">Link</a></p>
  6. <ul>
  7. <li>UL List item 1</li>
  8. <li>UL List item 2</li>
  9. </ul>
  10. <ol>
  11. <li>OL List item 1</li>
  12. <li>OL List item 2</li>
  13. </ol>
  14. <figure class="image image-style-side">
  15. <img alt="bar" src="sample.jpg">
  16. <figcaption>Caption</figcaption>
  17. </figure>
  18. <blockquote>
  19. <p>Quote</p>
  20. <ul>
  21. <li>Quoted UL List item 1</li>
  22. <li>Quoted UL List item 2</li>
  23. </ul>
  24. <p>Quote</p>
  25. </blockquote>
  26. </div>
  27. <style>
  28. #read-only {
  29. margin: 10px 0 15px;
  30. font-size: 16px;
  31. }
  32. </style>