Как добавить собственные теги с помощью плагина tagify, в частности, «Смешать текст и теги» - PullRequest
Новая
       12

Как добавить собственные теги с помощью плагина tagify, в частности, «Смешать текст и теги»

0 голосов
/ 25 января 2019

Я создаю поле ввода, смешанное с тегами и входами, используя плагин tagify-section-mix- (см .: https://yaireo.github.io/tagify/#section-mix).

Проблема:

Обратите внимание, что теги могут быть созданы только в том случае, если значение соответствует какому-либо значению элемента из белого списка.

Я хочу добавить их самостоятельно, нажав Enter, как и в других примерах по ссылке. Есть идеи, как решить эту проблему с помощью tagify?

HTML 

<textarea name='mix'>@cartman and @kyle do not know #homer who is #lisa</textarea>

JAVASCRIPT 

var input = document.querySelector('[name=mix]'),
// init Tagify script on the above inputs
tagify = new Tagify(input, {
    mode       : 'mix',  // <--  Enable mixed-content
    pattern    : /@/,  // <--  Tag words which start with # (can be a String instead of Regex)
    whitelist  : [
        {
            value: 'Homer'
        }
    ],
    dropdown   : {
        enabled : 1
    }
})

var whitelist_2 = ['Homer', 'Marge', 'Bart', 'Lisa', 'Maggie', 'Mr. Burns', 'Ned', 'Milhouse', 'Moe'];

// A good place to pull server suggestion list accoring to the prefix/value
tagify.on('input', function(e){
var prefix = e.detail.prefix;

    if( prefix == '#' )
        tagify.settings.whitelist = whitelist_2;

    if( e.detail.value.length > 1 )
        tagify.dropdown.show.call(tagify, e.detail.value);
}
...