Jquery提及输入: add tag on click of a link

Question

所以我正在使用这个插件 https://github.com/podio/jquery-mentions-input对于我的评论系统，一切正常，但我想添加一个功能。此功能是，当我单击链接(回复)时，它会在光标所在位置的文本区域中添加用户名的提及/标签。

有人知道如何做到这一点吗？

一旦我添加了一个标签(写@字符)，我就可以添加提及。我发现文本区域的初始化和单击链接时光标的位置存在问题，但我似乎不知道如何实现这一点。

我在 jquery 文件中添加了一个 addReply 函数。

// Public methods
return {
  init : function (options) {
    settings = options;

    initTextarea();
    initAutocomplete();
    initMentionsOverlay();
  },

  val : function (callback) {
    if (!_.isFunction(callback)) {
      return;
    }

    var value = mentionsCollection.length ? elmInputBox.data('messageText') : getInputBoxValue();
    callback.call(this, value);
  },

    addReply : function (id, text, type) {
       initTextarea();
       initAutocomplete();
       initMentionsOverlay();
       addMention(text, id, type);
    },

  reset : function () {
    elmInputBox.val('');
    mentionsCollection = [];
    updateValues();
  },

  getMentions : function (callback) {
    if (!_.isFunction(callback)) {
      return;
    }

    callback.call(this, mentionsCollection);
  }
};

它是用与文本区域位于同一页面上的这个小脚本调用的(值仅用于测试)

$('.add-mention').click(function() {
  $('textarea.mention').mentionsInput('addReply',('Joris', 9, 'contact') );
});

经过测试，最大的问题是如果没有 @，jquery 代码找不到标签的开头位置，因此不会添加它。

我希望有人能帮助我解决这个问题，它开始让我发疯了!!!

谢谢
乔里斯

Answer 1

Joris - 如果你还没有弄清楚这个，请看一下这个 - https://github.com/podio/jquery-mentions-input/pull/37