Components TagInput Tag Eingabefeld

Die Tags Komponente ermöglicht es während eine Texteingabe Vorschläge per Autocomplete zu geben und als Tag zu setzen.

Whitelist Tags mit Custom Tags

Tags können in einer Javascript Whitelist Variable als Array eingefügt werden. Diese werden dann per autocomplete vorgeschlagen. Dazu lassen sich durch den Benutzer eigene Tags anlegen. 


    
    



var input = document.querySelector('input[name="input-custom-dropdown"]'),
// init Tagify script on the above inputs
tagify = new Tagify(input, {
    whitelist: ["Sachkunde", "Maschine", "Maifeuer", "Tagesmutter", "BAFOEG"],
    maxTags: 10,
    dropdown: {
        maxItems: 20,
        classname: "tags-look",
        enabled: 0,
        closeOnSelect: false
    }
})

Nur Whitelist Tags erlauben

Nur Tags aus der Whitelist sind erlaubt. Andere Tags werden entfernt.


    
    



var input = document.querySelector('input[name="input-custom-dropdown2"]'),
// init Tagify script on the above inputs
tagify = new Tagify(input, {
    whitelist: ["Sachkunde", "Maschine", "Maifeuer", "Tagesmutter", "BAFOEG"],
    enforceWhitelist: true,
    maxTags: 10,
    dropdown: {
        maxItems: 20,
        classname: "tags-look",
        enabled: 0,
        closeOnSelect: false
    }
})

OSI Hilfe Dialog