| 123456789101112131415161718192021222324252627282930313233343536373839 |
- <style>
- .marker {
- background-color: #ffff66;
- }
- .marker-green {
- background-color: #66ff00;
- }
- .marker-pink {
- background-color: #ff6fff;
- }
- .pen-red {
- background-color: transparent;
- color: #ff2929;
- }
- .pen-blue {
- background-color: transparent;
- color: #0091ff;
- }
- </style>
- <div id="editor">
- <p>Highlight feature example.</p>
- <p>
- Here are some markers:
- <mark class="marker">yellow one</mark>, <mark class="marker-pink">pink one</mark> and <mark class="marker-green">green one</mark>.
- </p>
- <p>
- Here are some pens:
- <mark class="pen-red">red pen</mark> and <mark class="pen-blue">blue 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>
|