| 1234567891011121314151617181920212223242526272829303132 |
- <div id="editor">
- <p>Have you met... <a class="mention" data-mention="Ted Mosby" href="https://www.imdb.com/title/tt0460649/characters/nm1102140">Ted Mosby</a></p>
- <h2>Test cases:</h2>
- <ul>
- <li><strong>Same mention twice in data:</strong> <a class="mention" data-mention="Ted Mosby" href="https://www.imdb.com/title/tt0460649/characters/nm1102140">Ted Mosby</a><a class="mention" data-mention="Ted Mosby" href="https://www.imdb.com/title/tt0460649/characters/nm1102140">Ted Mosby</a></li>
- </ul>
- </div>
- <style>
- .mention {
- background: hsla(341, 100%, 87%, 0.4);
- color: hsl(340, 100%, 31%);
- }
- .custom-item {
- display: block;
- padding: 1em;
- }
- .custom-item.ck-on {
- color: white;
- }
- .custom-item .custom-item-username {
- color: #666;
- }
- .custom-item.ck-on .custom-item-username{
- color: #ddd;
- }
- </style>
|