#Tagify multiple inputs update#

iterates tag DOM nodes and re-build the tagify.value array (call this if tags get sorted manually) adds all whitelist items as tags and close the suggestion dropdown toggles tagify-invalid class to the Tagify wrapper element MyInput.insertAfterTag(HTMLElement (tag element), HTMLElement/String) MyInput.injectAtCaret(HTMLElement (injectedNode), Object (range)) injects text or HTML node at last caret position. returns a tag element from the supplied tag data MyInput.tagLoading(HTMLElement, Boolean) same as above but for a specific tag element MyInput.replaceTag(tagElm, Object (tagData))

#Tagify multiple inputs update#

if 'tagData' exists, replace the tag element with new data and update Tagify value set/get tag data on a tag element (has.tagify_tag class by default) returns a specific tag DOM node by value

returns a DOM nodes list of all the tags converts a String argument (]⁠ and ]⁠ are.) into HTML with mixed tags & texts returns how many tags already exists with that value returns the first matched tag node, if found returns the index of a specific tag, by value MyInput.getWhitelistItemsByValue(Object) returns an Array of found matching items (case-insensitive) MyInput.loadOriginalValues(String/Array) This method gets called automatically when instansiating Tagify. String (word, single or multiple with a delimiter) or an Array of Objects if you wish your original input/textarea value property format to other than the default (which I recommend keeping) you may use this and make sure it returns a string. true - remove last tag edit - edit last tag if true, do not remove tags which did not pass validation take a tag input as argument and returns a transformed value object consisting of functions which return template strings MapValueTo: function(), // this setting controlls which data key will be printed in the dropdown Position: 'null', // 'manual' - will not render the dropdown, and you would need to do it yourself 'text' - will place the dropdown next to the caret 'input' - will place the dropdown next to the input 'all' - normal, full-width design String - when tags have multiple properties, and for each tag another property should be used besides the 'value'Įnabled: 2, // minimum input characters needs to be typed for the dropdown to show In mixed-mode this is ignored and treated as 'true' RightKey: false // If true, when → is pressed, use the suggested value to create a tag, else just auto-completes the input. tries to autocomplete the input's value while typing should ONLY use tags allowed in whitelist is this list has any items, then only allow tags from this list automatically adds the text which was inputed as a tag when blur event happens exposed callbacks object to be triggered on certain events number of clicks on a tag to enter 'edit' mode define conditions in which typed mix-tags content is allowing a tag to be created after. everything between these will become a tag

InsertAfterTag: ' ', // node or string to add after a tag added the 'pattern' setting must be set to some character. use 'integrated' to skip the creation of the wrapper use 'mix' as value to allow mixed-content use 'select' for single-value dropdown-like select box split tags by any of these delimiters ('null' to cancel) tag data Object property which will be displayed as the tag's text