Tag-it Textarea自动生成

时间:2013-07-24 07:03:15

标签: javascript jquery tag-it

我最近得到了标签 - 它jquery成功地在我的网站上工作,有一个文本区域供用户放入他们自己的标签,然后是textarea,即。

[ dog ] [ park ] [ weekend ]

Taking the dog to the park this weekend with Bill!

[Post]

我一直试图谷歌搜索这几个小时没有结果,所以我想知道这里是否有人能够调整代码,或者你知道某个地方你可以链接我,以便用户只需要填写文本区域..

Taking the dog to the park this weekend with Bill!

然后在提交时,它会在文本区域外生成标记词,并包含诸如..

之类的内容
var tags = $('#message').val().split(' '); 
var excludeWords = ['took','the','a','to']; 
tags.filter(function (element, index, array) 
{ return ($.inArray(element, excludeWords) === -1); });

1 个答案:

答案 0 :(得分:0)

工作演示http://jsfiddle.net/cse_tushar/U94Le/

$('#b').click(function () {
    tags = $('#message').val();
    tags = tags.replace(/!/g, '');
    var excludeWords = ['took', 'the', 'a', 'to', 'with', 'dog', 'this'];
    $.each(excludeWords, function (i, v) {
        pos = tags.indexOf(excludeWords[i]);
        while (pos > -1) {
            tags = tags.replace(" " + excludeWords[i] + " ", ' ');
            pos = tags.indexOf(excludeWords[i], pos + 1);
        }
    });
    console.log(tags);
    tags = tags.split(' ');
    console.log(tags);
    $('#output').html('<pre>' + tags + '</pre>');
});