8
0

mention-custom-renderer.html 369 B

123456789101112131415161718192021222324252627
  1. <div id="editor">
  2. <p>Have you met... </p>
  3. </div>
  4. <style>
  5. .mention {
  6. background: hsla(341, 100%, 87%, 0.4);
  7. color: hsl(340, 100%, 31%);
  8. }
  9. .custom-item {
  10. display: block;
  11. padding: 1em;
  12. }
  13. .custom-item.ck-on {
  14. color: white;
  15. }
  16. .custom-item .custom-item-username {
  17. color: #666;
  18. }
  19. .custom-item.ck-on .custom-item-username{
  20. color: #ddd;
  21. }
  22. </style>