Hello,

something happend yesterday. I have troubles installing this package via tag:

"bootstrap-tagsinput": "[email protected]:bootstrap-tagsinput/bootstrap-tagsinput#0.8.0" or "bootstrap-tagsinput": "https://github.com/bootstrap-tagsinput/bootstrap-tagsinput.git#0.8.0",

yarn can not resolve it:

I use this code but it doesn't do what I want :-) $('#tagsinput').on('beforeItemAdd', function(event) { event.item = event.item.replace(/\s\s+/ig, "").replace(/:\/\//ig, "").replace(/https/ig, "").replace(/http/ig, "").replace(/ftp/ig, ""); }); How is it possible to implement it? Thank you!

    $('#userList').tagsinput({
        itemValue: 'userId',
        itemText: `display`,
        typeaheadjs: {
            name: 'cpoUserList',
            display: 'display',
            source: cpoUserList.ttAdapter(),
            template: {
                suggestion: function (data) {
                    return `<div><strong>${data.userName}</strong> - ${data.loginId}</div>`
                }
            }
        }
    });

this code is not work. how to custom typeaheadjs suggestion?

Use prop() and val() instead of attr()/removeAttr().

As of jQuery 1.6, the .attr() method returns undefined for attributes that have not been set. To retrieve and change DOM properties such as the checked, selected, or disabled state of form elements, use the .prop() method.

Currently, when needing to create tagsinputs with any options we need to destroy/re-create the tagsinput elements that are created when select tags contain the data-role=tagsinput data attribute. To avoid this, plus to add a very useful way to create tailored tagsinputs without needing any javascript (just the data-role=tagsinput data attribute), I'd like to suggest an improvement that would allow settings most of the settings via data attributes.

This has been done on various packages for convenience sake. Example: bootstrap-datetimepicker

My thinking is to use the same standard camelCase-to-hyphenated approach:

| Option | data- Attribute Equivalent | | -------- | ----------------------------- | | tagClass | data-tag-class | | tagClass | data-tag-class | | itemValue | data-item-value | | itemText | data-item-text | | maxTags | data-max-tags ¹ | | confirmKeys | data-confirm-keys ² | | maxChars | data-max-chars ¹ | | trimValue | data-trim-value ³ | | allowDuplicates | data-allow-duplicates ³ | | focusClass | data-focus-class | | freeInput | data-free-input ³ | | cancelConfirmKeysOnEmpty | data-cancel-confirm-keys-on-empty ³ |

¹: These would need to be cast to numbers ²: The value would need to be a comma-separated list, which would be split to create the array. ³: There are multiple ways to handle booleans, but the easiest is to just do string comparison against "true"/"false".

The only two options that would be omitted are typeahead and onTagExists, unless someone can think of a way to incorporate those.

Thoughts?