linkedin / spyglass Goto Github PK

If I have emoticon characters in the mention, I can not delete the MentionSpan properly.

For example, use this emoticon character 😄 as one of the contact's last name in people.json in the sample, and then try to mention that person's first name to find it in the suggestion, select that name and try to delete it from the edit text.

Is there a way to use space as word breaker and as a part of query, for example by pasting John Wi allowing to search John Wick, John Witwicky, etc.

1. input aax
   2.input "aa" one time.

MentionsEditable.replace is the problem.
// On certain software keyboards, the editor appears to append a word minus the last character when it is really
// trying to just delete the last character. Until we can figure out the root cause of this issue, the following
// code remaps this situation to do a proper delete.

Need find the root cause.

I'm working in a app that must save drafts texts to edit them later. How can I persist this text and restore it, without lost the mentions?

Hello, Currently I am using WordTokenizer with MentionsEditText as showed in GridMentions Sample!
This is my config :
private WordTokenizerConfig tokenizerConfig = new WordTokenizerConfig.Builder().setMaxNumKeywords(3).setThreshold(3).build();

Problem is that this triggers the OnQueryReceived and looks for suggestions on any random text input but I want that to be triggered only when the user uses @ keyword.

This currently works like this ->
User Input: I went (Query Is Triggered) on a dinner

What I want ->
User Input: I went on a dinner with @faraz (Here I want the query to be triggered and show suggestions)

So here is my WordTokenizer
WordTokenizer(WordTokenizerConfig.Builder().setWordBreakChars(" ") .setExplicitChars("#").setMaxNumKeywords(1).setThreshold(2).build())

Is there a way to add new mention automatically, when suggestions are not found and I press space (" " my word break).
So lets say I entered: "Spyglass", no suggestions are found, I entered space (" ") and this Spyglass became new Mention with "#" automatically added.

Sorry for a complicated explanation...

Hi guys!

First at all, thank you very much for your awesome library!

An user of my App, had a strange crash yesterday on Samsung SM-G950F (Android 7.0). It's the first time. I never seen this crash before.

Do you have some explanations?

Thank you very much

Fatal Exception: java.lang.RuntimeException: Could not read input channel file descriptors from parcel.
       at android.view.InputChannel.nativeReadFromParcel(InputChannel.java)
       at android.view.InputChannel.readFromParcel(InputChannel.java:148)
       at android.view.InputChannel$1.createFromParcel(InputChannel.java:39)
       at android.view.InputChannel$1.createFromParcel(InputChannel.java:37)
       at com.android.internal.view.InputBindResult.<init>(InputBindResult.java:68)
       at com.android.internal.view.InputBindResult$1.createFromParcel(InputBindResult.java:112)
       at com.android.internal.view.InputBindResult$1.createFromParcel(InputBindResult.java:111)
       at com.android.internal.view.IInputMethodManager$Stub$Proxy.startInputOrWindowGainedFocus(IInputMethodManager.java:840)
       at android.view.inputmethod.InputMethodManager.startInputInner(InputMethodManager.java:1765)
       at android.view.inputmethod.InputMethodManager.restartInput(InputMethodManager.java:1588)
       at com.linkedin.android.spyglass.ui.MentionsEditText.restartInput(MentionsEditText.java:1089)
       at com.linkedin.android.spyglass.ui.MentionsEditText.ensureMentionSpanIntegrity(MentionsEditText.java:835)
       at com.linkedin.android.spyglass.ui.MentionsEditText.access$1100(MentionsEditText.java:80)
       at com.linkedin.android.spyglass.ui.MentionsEditText$MyWatcher.afterTextChanged(MentionsEditText.java:612)
       at android.widget.TextView.sendAfterTextChanged(TextView.java:9506)
       at android.widget.TextView$ChangeWatcher.afterTextChanged(TextView.java:12455)
       at android.text.SpannableStringBuilder.sendAfterTextChanged(SpannableStringBuilder.java:1218)
       at android.text.SpannableStringBuilder.replace(SpannableStringBuilder.java:579)
       at com.linkedin.android.spyglass.mentions.MentionsEditable.replace(MentionsEditable.java:105)
       at android.text.SpannableStringBuilder.delete(SpannableStringBuilder.java:230)
       at android.text.SpannableStringBuilder.delete(SpannableStringBuilder.java:229)
       at android.text.method.BaseKeyListener.backspaceOrForwardDelete(BaseKeyListener.java:349)
       at android.text.method.BaseKeyListener.backspace(BaseKeyListener.java:68)
       at android.text.method.BaseKeyListener.onKeyDown(BaseKeyListener.java:458)
       at android.text.method.QwertyKeyListener.onKeyDown(QwertyKeyListener.java:357)
       at android.text.method.TextKeyListener.onKeyDown(TextKeyListener.java:136)
       at android.widget.TextView.doKeyDown(TextView.java:7407)
       at android.widget.TextView.onKeyDown(TextView.java:7190)
       at android.view.KeyEvent.dispatch(KeyEvent.java:3337)
       at android.view.View.dispatchKeyEvent(View.java:10615)
       at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1697)
       at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1697)
       at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1697)
       at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1697)
       at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1697)
       at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1697)
       at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1697)
       at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1697)
       at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1697)
       at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1697)
       at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1697)
       at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1697)
       at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1697)
       at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1697)
       at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1697)
       at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1697)
       at com.android.internal.policy.DecorView.superDispatchKeyEvent(DecorView.java:599)
       at com.android.internal.policy.PhoneWindow.superDispatchKeyEvent(PhoneWindow.java:1880)
       at android.app.Activity.dispatchKeyEvent(Activity.java:3164)
       at android.support.v7.app.AppCompatActivity.dispatchKeyEvent(AppCompatActivity.java:534)
       at android.support.v7.view.WindowCallbackWrapper.dispatchKeyEvent(WindowCallbackWrapper.java:58)
       at android.support.v7.app.AppCompatDelegateImplBase$AppCompatWindowCallbackBase.dispatchKeyEvent(AppCompatDelegateImplBase.java:316)
       at android.support.v7.view.WindowCallbackWrapper.dispatchKeyEvent(WindowCallbackWrapper.java:58)
       at com.android.internal.policy.DecorView.dispatchKeyEvent(DecorView.java:476)
       at android.view.ViewRootImpl$ViewPostImeInputStage.processKeyEvent(ViewRootImpl.java:5048)
       at android.view.ViewRootImpl$ViewPostImeInputStage.onProcess(ViewRootImpl.java:5010)
       at android.view.ViewRootImpl$InputStage.deliver(ViewRootImpl.java:4539)
       at android.view.ViewRootImpl$InputStage.onDeliverToNext(ViewRootImpl.java:4592)
       at android.view.ViewRootImpl$InputStage.forward(ViewRootImpl.java:4558)
       at android.view.ViewRootImpl$AsyncInputStage.forward(ViewRootImpl.java:4691)
       at android.view.ViewRootImpl$InputStage.apply(ViewRootImpl.java:4566)
       at android.view.ViewRootImpl$AsyncInputStage.apply(ViewRootImpl.java:4748)
       at android.view.ViewRootImpl$InputStage.deliver(ViewRootImpl.java:4539)
       at android.view.ViewRootImpl$InputStage.onDeliverToNext(ViewRootImpl.java:4592)
       at android.view.ViewRootImpl$InputStage.forward(ViewRootImpl.java:4558)
       at android.view.ViewRootImpl$InputStage.apply(ViewRootImpl.java:4566)
       at android.view.ViewRootImpl$InputStage.deliver(ViewRootImpl.java:4539)
       at android.view.ViewRootImpl.deliverInputEvent(ViewRootImpl.java:7098)
       at android.view.ViewRootImpl.doProcessInputEvents(ViewRootImpl.java:7030)
       at android.view.ViewRootImpl.enqueueInputEvent(ViewRootImpl.java:6991)
       at android.view.ViewRootImpl$ViewRootHandler.handleMessage(ViewRootImpl.java:4188)
       at android.os.Handler.dispatchMessage(Handler.java:102)
       at android.os.Looper.loop(Looper.java:154)
       at android.app.ActivityThread.main(ActivityThread.java:6776)
       at java.lang.reflect.Method.invoke(Method.java)
       at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1520)
       at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1410)

Hey,
I can't find basic feature i.e setTextColor and set HintColor for text and hint used in RichEditorView.
Please mention any update regarding this.

Hi,

I am working on a feature, where we add mentions to RichEditorView when user clicks on a checkbox from an available list of mentions.

I want to implement a thing where the mention would be deleted when user unchecked the checkbox corresponding to the respective mention.

I tried looking into the already existing code, but can't seem to figure it out.

I am aware of onMentionDeleted() but that method is called when a mention is deleted from RichEditorView, I want to implement something that deletes a mention from RichEditorView.

I see a similar thing happening with LinkedIn Android app, but I can't seem to determine how I can perform this.

Thanks.

Hey There, thanks for this amazing library, i am facing this issue.
Whenever I enter space, i don't get any thing in
// public List onQueryReceived(@nonnull QueryToken queryToken) {
How can i fix this? I need to cater space as a part of search.
Thanks.

Hi guys!

First at all thank you very much for this awesome library!

I have a "problem": I can't add several mentions at the same time. The first one is added (OK), but other nothing, because the EditableText is not yet update...

// Add these mentions
for (Mentionable mention : mentions) {
mDescriptionEditText.insertMention(mention);
}

If I add one by one it works, but in a loop only the first one is take account.

Could you help me please?

Thank you very much guys!

After I pick up a item from suggestion list, it show on MentionsEditText correctly.

now I want to add a space to the end automatically. and the space is NOT a part of the mention. so we can't just modify the method getTextForDisplayMode to do it.

Adding space in front of mention behaving weirdly

how MentionSpan color change?

How i change the text color of Selected Mention name?

Hi I am having an issue with saving the state of the mention edit text.

I am tagging some users in the mention edit text in an activity and closing the activity. Now returning to the activity and checking what users I have tagged in the mention edit text. But I cannot seem to set the users in my mention edit text again. The following is what I have tried,

                   `for (User user : userList) {
                        eTxtTag.insertMention(user);
                         eTxtTag.setText(user.getUserName()+ " " + eTxtTag.getText());
                          //int ei = user.getUserName().length();
                          //Selection.setSelection(eTxtTag.getText(), ei);
                }` 

Here the user is my mentionable object and the userlist is the list of mention users. So how can I fix the issue.

In Android 7, there is a bug where SpannableStringBuilder#getSpans returns spans in the wrong order. You can refer the issue here https://issuetracker.google.com/issues/37129364

The workaround mention is to sort the spans array. implemented in the context of this lib:

// MentionsEditable.java
@NonNull
public List<MentionSpan> getMentionSpans() {
    MentionSpan[] mentionSpans = getSpans(0, length(), MentionSpan.class);
    List<MentionSpan> list = (mentionSpans != null)
            ? Arrays.asList(mentionSpans)
            : new ArrayList<MentionSpan>();
    Collections.sort(list, new Comparator<MentionSpan>() {
        @Override
        public int compare(MentionSpan o1, MentionSpan o2) {
            return getSpanStart(o1) - getSpanStart(o2);
        }
    });
    return list;
}

Hey, me again :D

This is my "Tokenizer" configuration
WordTokenizerConfig config = new WordTokenizerConfig.Builder().setThreshold(2).setMaxNumKeywords(100).build();

I just want to see suggestions when "@" is entered. But whenever 2 characters are entered suggestions starts showing. "setThreshold(2)" is because I want to cater space " " in between text while searching. For example, "A M".
Let me know if this makes sense, otherwise I will try to explain further.

Thanks,
Shahroz

Is there a way to manually create Mentions?
This is to cater to editing existing post/status updates. Based on the current sample implementations, its only for creating a non-editable status.
In order to edit, there should be some sort of way to notify a range of text is a Mention and convert it accordingly

When copying text, text is not always inserted. It is possible to call super () in the "onTextContextMenuItem" method.

Hello Guys, Great job so far .
Please I was wondering if their is any way to add on mention click listener to MentionEditText ?

Hi guys!

I select a mention (with index start and end from my EditText), then I tape on backpress key or another letter (doesn't matter), this mention stays. It's due to "PlaceHolderSpan" in MentionsEditText...

So how can I replace a mention? Is there a hack to do that?

Thank you very much guys!

android:singleLine="true"

This is not possible in Spyglass. Is this the limitation of this widget ?
My purpose is to Make spyglass act as android native EditText widget so that we can scroll horizontally and in a single line

Hi there!

I've tested your sample, and specifically GridMentions; if I add at the beginning a mention, then after I can't insert anytext before it. It's not possible to move the cursor at the beginning of text.

Ps : it's with MentionsEditText

Thank you very much for your help!

If you can just upload the APK of the sample application somewhere here , so that we can test the basic functionality of the app as mentioned here

that would be great!

Any bean that has an ID has a getId method, but its not always an int return type (in fact in modern code, it's seldom an int).

This should be changed to differentiate it from a POJO's id.

Suggestible.getSuggestibleId();

While your at it, the String getPrimaryText(); method is too generic. maybe rename it to getSuggestiblePrimaryText();.

As for right now, I'm looking for a workaround for this little showstopper.
I don't mind fixing it and generating a pull request if that will help.

I want to get the starting and ending position of each mentions for the MentionsEditText? How can i get?

Building the library and sample app results in some symbol-missing warnings. They do not affect the build (library and sample apps still compile and execute just fine), but we should eliminate these warnings.

See this example build or the output below: https://travis-ci.org/linkedin/Spyglass/builds/78640506

:spyglass-sample:mockableAndroidJar/home/travis/build/linkedin/Spyglass/spyglass/src/main/java/com/linkedin/android/spyglass/mentions/MentionSpan.java:28: error: cannot find symbol
import com.linkedin.android.spyglass.R;
                                    ^
  symbol:   class R
  location: package com.linkedin.android.spyglass
/home/travis/build/linkedin/Spyglass/spyglass/src/main/java/com/linkedin/android/spyglass/ui/RichEditorView.java:35: error: cannot find symbol
import com.linkedin.android.spyglass.R;
                                    ^
  symbol:   class R
  location: package com.linkedin.android.spyglass
/home/travis/build/linkedin/Spyglass/spyglass/src/main/java/com/linkedin/android/spyglass/ui/wrappers/RichEditorFragment.java:20: error: package android.support.v4.app does not exist
import android.support.v4.app.Fragment;
                             ^
/home/travis/build/linkedin/Spyglass/spyglass/src/main/java/com/linkedin/android/spyglass/ui/wrappers/RichEditorFragment.java:21: error: package android.support.v4.app does not exist
import android.support.v4.app.FragmentManager;
                             ^
/home/travis/build/linkedin/Spyglass/spyglass/src/main/java/com/linkedin/android/spyglass/ui/wrappers/RichEditorFragment.java:26: error: cannot find symbol
import com.linkedin.android.spyglass.R;
                                    ^
  symbol:   class R
  location: package com.linkedin.android.spyglass
/home/travis/build/linkedin/Spyglass/spyglass/src/main/java/com/linkedin/android/spyglass/ui/wrappers/RichEditorFragment.java:32: error: cannot find symbol
public class RichEditorFragment extends Fragment {
                                        ^
  symbol: class Fragment
/home/travis/build/linkedin/Spyglass/spyglass/src/main/java/com/linkedin/android/spyglass/ui/wrappers/RichEditorFragment.java:53: error: cannot find symbol
    public static RichEditorFragment getInstance(FragmentManager fragmentManager, Bundle args) {
                                                 ^
  symbol:   class FragmentManager
  location: class RichEditorFragment

I have a string with mentions set on text view, I want to set those mentions while editing the text.

I use multiline MentionsEditText in BottomSheet. When there are many lines in MentionsEditText I am trying to scroll it. But instead of text scroll, parent BottomSheet is moving.

After choosing one of the possible suggestions in the mentions, the visibility of the counterview is visible again after i have used initially this method

composerMessageView.displayTextCounter(false)

But when the onReceiveSuggestionsResult(result, BUCKET) is been called for the second time, it changes the visibility

1. Set up a tokenizer with maxKeywords = 2, no explicit characters
2. Type two keywords
3. Call insertMention on a valid suggestion for the keywords

Expected:
Both keywords are removed, and replaced with the mention

Actual:
Only the second keyword is replaced with a mention, the first keyword remains

There appears to be code in insertMention which changes the (correct) start index for implicit mentions with multiple keywords here:

Hey guys, great library !! 🥇

I am exploring this lib since 3 days for the user mention feature & I have a requirement to show '@' (explicit character) in the MentionEditText, even after the user selects a suggestion from the list of suggestions.
Here is an example:

Current behaviour:
Hello there, Rahul Deshpande here.

Expected behaviour:
Hello there, explicit character -> @Rahul Deshpande here.

Having needed this, that explicit character must be spanned with the highlighted colour, etc.. just like the mention & must behave same like it.
In short, it must be a part of that mention.

I tried to search in the library, but couldn't find any convenience method for this configuration, so could any please help me ?

💃 Cheers !!

An IndexOutofBoundsException occurs if you follow these steps:

1. Write some text and do a mentions such as "Hello @linkedin test".
2. Copy the text "in test" and paste it at the same place.
3. The following exception will occur:

java.lang.IndexOutOfBoundsException: replace (28 ... 36) ends beyond length 32
      at android.text.SpannableStringBuilder.checkRange(SpannableStringBuilder.java:1022)
      at android.text.SpannableStringBuilder.replace(SpannableStringBuilder.java:462)
      at com.linkedin.android.spyglass.mentions.MentionsEditable.replace(MentionsEditable.java:113)
      at android.text.SpannableStringBuilder.replace(SpannableStringBuilder.java:456)
      at android.text.SpannableStringBuilder.replace(SpannableStringBuilder.java:33)
      at com.linkedin.android.spyglass.ui.MentionsEditText.ensureMentionSpanIntegrity(MentionsEditText.java:574)
      at com.linkedin.android.spyglass.ui.MentionsEditText.access$900(MentionsEditText.java:56)
      at com.linkedin.android.spyglass.ui.MentionsEditText$MyWatcher.afterTextChanged(MentionsEditText.java:381)
      at android.widget.TextView.sendAfterTextChanged(TextView.java:9007)
      at android.widget.TextView$ChangeWatcher.afterTextChanged(TextView.java:11588)
      at android.text.SpannableStringBuilder.sendAfterTextChanged(SpannableStringBuilder.java:976)
      at android.text.SpannableStringBuilder.replace(SpannableStringBuilder.java:520)
      at com.linkedin.android.spyglass.mentions.MentionsEditable.replace(MentionsEditable.java:113)
      at android.text.SpannableStringBuilder.replace(SpannableStringBuilder.java:456)
      at android.text.SpannableStringBuilder.replace(SpannableStringBuilder.java:33)
      at android.widget.TextView.paste(TextView.java:10898)
      at android.widget.TextView.onTextContextMenuItem(TextView.java:10316)

If I follow the same scenario in the LinkedIn app, this exception doesn't occur.

Hi guys!

In my string I have mentions (OK) and HTML tags like bold and links.

I use setText(Html.fromHtml(text, null, null)); but it doesn't work properly when there are mix of mentions and HTML tags. Is there a simple way to do that? May I parse by myself all the HTML tags?

Thank you very much

Hello,

I have implemented this library in my android code, I want to share the tags over internet and want to show it on other end, Please suggest me how to achieve this. I am using mention edit text.

• is their any formatted output which can i use to generate tags on the other device.

If the widget is put into some other scrolling widget, it's not scrollable (migrating from ListView to RecyclerView)

Thank you for releasing this awesome library. I found an issue in the library or setup. It could be recreated with the sample app by following these steps:

1. Do an @ mention, the suggestions list will be shown.
2. Keep the list open and dump the view hierarchy in Android Device Monitor.
3. The following exceptions occur:

java.lang.ClassNotFoundException: com.linkedin.android.spyglass.mentions.MentionsEditable
     at java.lang.Class.classForName(Native Method)
     at java.lang.Class.forName(Class.java:309)
     at java.lang.Class.forName(Class.java:273)
     ...
Caused by: java.lang.ClassNotFoundException: Didn't find class "com.linkedin.android.spyglass.mentions.MentionsEditable" on path: DexPathList[[directory "."],nativeLibraryDirectories=[/vendor/lib, /system/lib]]
      at dalvik.system.BaseDexClassLoader.findClass(BaseDexClassLoader.java:56)
      at java.lang.ClassLoader.loadClass(ClassLoader.java:511)
      at java.lang.ClassLoader.loadClass(ClassLoader.java:469)
      at java.lang.Class.classForName(Native Method)
      at java.lang.Class.forName(Class.java:309)
      at java.lang.Class.forName(Class.java:273)
      at android.os.Parcel.readParcelableCreator(Parcel.java:2281)
      at android.os.Parcel.readParcelable(Parcel.java:2245)
      at android.os.Parcel.readValue(Parcel.java:2152)
      at android.os.Parcel.readListInternal(Parcel.java:2526)
      at android.os.Parcel.readList(Parcel.java:1661)
      at android.view.accessibility.AccessibilityEvent.readAccessibilityRecordFromParcel(AccessibilityEvent.java:1110)
      at android.view.accessibility.AccessibilityEvent.initFromParcel(AccessibilityEvent.java:1072)
      at android.view.accessibility.AccessibilityEvent$1.createFromParcel(AccessibilityEvent.java:1415)
      at android.view.accessibility.AccessibilityEvent$1.createFromParcel(AccessibilityEvent.java:1412)
      at android.view.accessibility.IAccessibilityManager$Stub.onTransact(IAccessibilityManager.java:68)
      at android.os.Binder.execTransact(Binder.java:446)
    Suppressed: java.lang.ClassNotFoundException: com.linkedin.android.spyglass.mentions.MentionsEditable
      at java.lang.Class.classForName(Native Method)
      at java.lang.BootClassLoader.findClass(ClassLoader.java:781)
      at java.lang.BootClassLoader.loadClass(ClassLoader.java:841)
      at java.lang.ClassLoader.loadClass(ClassLoader.java:504)
      ... 15 more

The bug happens after i insert a mention to MentionEditText when using a swift keyboard, for example, I inserted john, then the edittext value will be johnn. But the last 'n' is not a spannable.

When I post Smilies to another platform (IOS) from RichEditor. The smilies are not getting displayed on the IOS.

I have set the explicit char to "@" but the suggestions still poppup when i type any text. how to disable suggestions when @ is not mentioned.

Is there a way to define multiple tokenizers?
I would like to use "@" to query a list of users and "#" to query a list of hash tags

Am not sure whether this accounts for an issue or not. I couldn't find enough help, that's why am here.
The problem i face is while editing the comment. The server gives response in a form where the tag is coming as a href link. I could recreate the mention like, Person class in sample, using regex from the link. But am not able to replace the link with mentionspan item, like we get in MentionsEditText when we select any suggestion.
Is there any way to achieve it? If not, please provide some suggestions in this regard.

I am not able to paste duplicate text. I followed these steps and encountered an issue:

1. Type - @ Matthew Andrews and select the name from the list. Then, type the word "text".
   So, the edit text should now have the following - Mathew Andrews text.
2. Then copy the word "text" and paste it at the end. But, the word "text" won't paste at the end.
   The expected result should be - Mathew Andrews text text.

Hi Sir,
I want to set text combined with text and mention in RichEditorView.
eg-good morning Amit and Dinesh
here Amit and Dinesh are mentionable.
comment_discription.setText("good morning Amit and Dinesh");

Hey there, thanks for this amazing library, i am facing some issues.

I need to obtain the text in a format that I can send it to the server. Something like this:

user text with mentions : "I want to thanks to @john and to @jane "

server text: "I want to thanks to [John, id:45] and to [Jane, id:156]"

How I could achieve this ?
Thanks.