3

任何有At.js经验的人都可以提供帮助吗？我试着：

  1. 在数组中获取插入的提及，然后可以使用 PHP 处理它们
  2. 防止重复条目（不知道从哪里开始）

对 Javascript 和 jQuery 的经验很少，所以任何帮助表示赞赏。仅供参考，我将 At.js 与令人惊叹的Froala 所见即所得编辑器一起使用

这是我必须获取标签的内容，但我不确定如何将其放入数组中。

$(function(data){   
   $('#postTagsInput').atwho({
       at: '@', 
       data: 'URL'
});

$('#postTagsInput').on("inserted.atwho", function($li, query) {
   console.log(query);

   var postTags = query;
   $('#myResults').html(postTags);      
  });      
});
4

2 回答 2

3

我通过为插入的提及名称使用自定义“ insertTpl ”解决了这个问题：

var at_config = {
    at: '@',
    data: mentionablesList,
    displayTpl: '<li><span>${name}</span></li>',
    insertTpl: '<a href="${url}" data-type="mentionable" data-id="${id}" data-name="${name}">${name}</a>'
};

$(that.document.getBody().$)
    .atwho('setIframe', that.window.getFrame().$)
    .atwho(at_config);

然后使用 jQuery 解析输入值并提取所有提到的名称：

var commentHtml = CKEDITOR.instances['new-comment'].getData();
var comment = $('<div/>').html(commentHtml).contents();

comment.find('a[data-type="Employee"]').each(function(index, element) {

    // do whatever you need with $(element) object

});

注意：在我的案例中，我使用了 CKEditor——一个评论框，允许用户在写评论时提及其他用户的名字。发表评论后，所有提及的姓名都将添加到评论所属帖子的关注者列表中。

于 2015-09-09T04:59:18.510 回答
2

您可以在选择它们时将它们推送到一个数组中，方法是使用 At.js 默认回调或 JQuery 在提交表单后解析出值。

这是选项 #1 的伪代码。人是你被提及的人的数组。您将需要将调试器放入插入前以查找嵌套值的位置。（这取决于您的 json 响应的结构。）

$(function(data){   
   $('#postTagsInput').atwho({
       at: '@', 
       data: 'URL',
       callbacks:
         beforeInsert: function(value, $li) {
         //debugger here to figure out where your data value is
         people.push(value.thing_to_insert);
       }
});

这有效，但前提是您不关心有人稍后改变他们对提及的想法，因为它会在您选择提及时插入您的提及。如果你想让它更灵活，然后使用 JQuery 解析文本区域中的名称，有点像这样：

mentionsString = $("#textarea_id").val();
mentions = mentionsString.split(' ');

然后，您可以使用 TwitterText 从该数组中解析出@mentions。 https://github.com/twitter/twitter-text

如果您希望它们是唯一的并且您没有使用框架，您将不得不通过您的 Array 并解析出重复项。更好的是，使用 Ember，它在 Array 方法中内置了 uniq :)

于 2015-03-16T19:14:40.907 回答