| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- <style>
- .marker {
- background-color: #fdfd77;
- }
- .marker-green {
- background-color: #63f963;
- }
- .marker-pink {
- background-color: #fc7999;
- }
- .marker-blue {
- background-color: #72cdfd;
- }
- .pen-red {
- background-color: transparent;
- color: #e91313;
- }
- .pen-green {
- background-color: transparent;
- color: #118800;
- }
- </style>
- <div id="editor">
- <p>Highlight feature example.</p>
- <p>
- Here are some markers:
- </p>
- <ul>
- <li>the <mark class="marker">yellow</mark> one,</li>
- <li>the <mark class="marker-pink">pink</mark> one,</li>
- <li>the <mark class="marker-green">green</mark> one,</li>
- <li>the <mark class="marker-blue">blue</mark> one</li>
- </ul>
- <p>
- Here are some pens:
- <mark class="pen-red">red pen</mark> and <mark class="pen-green">green one</mark>.
- </p>
- <figure class="image">
- <img src="sample.jpg" alt="CKEditor logo" />
- <figcaption>Some image with caption and <mark class="marker">highlighted text</mark>.</figcaption>
- </figure>
- </div>
|