#Tagify cdn update

If the parameter is ommited, clears all persisted data related to this instance (by its id which was set in the instance's settings)ĩ. clear data for the specific instance, by parameter. Must supply a second parameter which will be the key to save the data in the localstorage (under the tagify namespace) get data for the specific instance by parameter MyInput.parseTemplate(String/Function (template name or function), Array (data)) converts a template string (by selecting one from the settings.templates by name or supplying a template function which returns a String) into a DOM node iterates tag DOM nodes and re-build the tagify.value array (call this if tags get sorted manually)

the string paramater allows filtering the results adds all whitelist items as tags and close the suggestion dropdown toggles class on the main tagify container 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 cdn update

if 'tagData' exists, replace the tag element with new data and update Tagify value set the text of a tag (DOM only, does not affect actual data) get the node which has the actual tag's content 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. MyInput.removeTags(tags, silent, tranDuration) tranDuration: transition duration in ms silent: does not update the component's value Array/HTMLElement/String tag(s) to remove create an empty tag (optionally with pre-defined data) and enters 'edit' mode directly Bypasses the normalization process in addTags, forcefully adding tags at the last caret location or at the end, if there's no last caret location saved MyInput.addTags(tags, clearInputAfterAdding, skipAddingInvalids) Var input = document.querySelector('input'),Ħ. You can set the predefined tags in the value attribute as follow: ĥ. Create a normal input field or textfield for the tag input.

You can also include the vanilla JS version if you'd like to implement the Tagify in pure JavaScript. Include the JavaScript file after jQuery. Put the main style sheet tagify.css in the head: Ģ. $ npm i Tagify from to use it (jQuery):ġ.

Works with React, Angular, jQuery, and Vanilla JS.

Compatible with latest Bootstrap framework.

Auto split input text into tags by comma or Enter key.

It also provides a vanilla JavaScript version which allows you to implement the tags input in pure JavaScript. Tagify is a tiny jQuery plugin used to generate a simple, animated, high-performance tag / token input from either input field or textarea.