Skip to Content

Changes for page MentionsMacro

Last modified by Nawan Pangestu on 2026/03/31 20:19
From version 2.1
edited by Nawan Pangestu
on 2026/03/31 20:19
Change comment: Install extension [org.xwiki.platform:xwiki-platform-mentions-ui/18.2.0]
To version 1.1
edited by Nawan Pangestu
on 2025/12/30 23:55
Change comment: Install extension [org.xwiki.platform:xwiki-platform-mentions-ui/17.10.1]

Summary

Details

XWiki.JavaScriptExtension[0]
Code
... ... @@ -62,10 +62,8 @@
62 62   ckeditorPromise.then(ckeditor => {
63 63   function getUserMentionsConfig(editor) {
64 64   return {
65 - dataCallback: function (options, callback) {
66 - // Remove the marker prefix and replace non-breaking space.
67 - const text = options.query.substring(1).replaceAll('\u00A0', ' ');
68 - search(text, callback);
65 + feed: function (opts, callback) {
66 + search(opts.query, callback);
69 69   },
70 70   marker: '@',
71 71   minChars: 0,
... ... @@ -107,8 +107,13 @@
107 107   });
108 108  
109 109   function maybeEnableUserMentions(editor) {
110 - return waitForEditorReady(editor).then(editor => {
111 - new CKEDITOR.plugins.AdvancedAutoComplete(editor, getUserMentionsConfig(editor));
108 + return waitForEditorReady(editor).then((editor) => {
109 + // Check if the Mentions plugin is enabled for the given editor instance.
110 + // TODO: Add support for disabling the user mentions for a particular editor instance (without disabling all
111 + // types of mentions).
112 + if (editor.plugins.mentions) {
113 + editor.plugins.mentions.instances.push(new ckeditor.plugins.mentions(editor, getUserMentionsConfig(editor)));
114 + }
112 112   return editor;
113 113   });
114 114   }
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,17 +1,11 @@
1 1  .xwiki-mention {
2 - --mentions-color: $services.mentions.mentionsColor;
3 - --mentions-self-color: $services.mentions.selfMentionsForeground;
4 - --mentions-self-bg: $services.mentions.selfMentionsColor;
5 - background-color: var(--mentions-color);
2 + background-color: $services.mentions.mentionsColor;
6 6   border-radius: 10px;
7 - padding: 1px 5px 1px 5px;
8 - border: 1px solid var(--dropdown-divider-bg);
4 + padding: 2px 5px 2px 5px;
9 9  }
10 10  
11 11  .xwiki-mention.user.self {
12 - background-color: var(--mentions-self-bg);
13 - color: var(--mentions-self-color);
14 - border: 0;
8 + background-color: $services.mentions.selfMentionsColor;
15 15  }
16 16  
17 17  .xwiki-mention.removed {