mention-custom-view.html 689 B

123456789101112131415161718192021222324
  1. <div id="editor">
  2. <p>Have you met... <a class="mention" data-mention="@Ted Mosby" href="https://www.imdb.com/title/tt0460649/characters/nm1102140">Ted Mosby</a></p>
  3. <p>Same mention twice in data: <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></p>
  4. </div>
  5. <style>
  6. .custom-item {
  7. display: block;
  8. padding: 1em;
  9. }
  10. .custom-item.ck-on {
  11. color: white;
  12. }
  13. .custom-item .custom-item-username {
  14. color: #666;
  15. }
  16. .custom-item.ck-on .custom-item-username{
  17. color: #ddd;
  18. }
  19. </style>