Did you know that it took months of hard work and two full weeks of vacation time to bring this awesome plugin to you completly free? Did you also know that I love coffee and beer and it makes me feel that my hard work is really appreciated when you buy me one or say thanks?
Please take a second to show your appreciation and donate to keep development going! Click the button thingy below, it won't bite!
This demo shows off Tags, Prompt, Focus, Autocomplete and Ajax plugins.
You can see the code for this demo below in the example section.
TextExt is a plugin for jQuery which is designed to provide functionality such as tag input and autocomplete.
The core design principle behind TextExt is modularity and extensibility. Each piece of functionality is separated from the main core and can act individually or together with other plugins.
TextExt’s modular design allows you easily turn a standard HTML text input into a wide range of modern, tailored to your needs input field without bloating your source code and slowing down your site with the code that you aren’t using.
A wide number of plugins are available including Tags, Autocomplete, Filter, Ajax as well as a few which are purely aesthetic like Focus.
Please refer to the manual for the full API documentation and examples.
<textarea id="textarea" rows="1"></textarea>
<script type="text/javascript">
$('#textarea').textext({
plugins : 'tags prompt focus autocomplete ajax arrow',
tagsItems : [ 'Basic', 'JavaScript', 'PHP', 'Scala' ],
prompt : 'Add one...',
ajax : {
url : '/manual/examples/data.json',
dataType : 'json',
cacheResults : true
}
});
</script>
The steps to using TextExt are as follows:
plugins
optiontagClick
event to the tags plugin (issue #13). See the example.placeholder
attribute (issue #8). See the example.textext.[pluginName]()
(issue #20).autocomplete.render
option for custom rendering. See the manual and example.autocomplete.dropdown.maxHeight
option for setting height of the dropdown. See manual and example.<input/>
tags.The TextExt component is released under the open source MIT. This means that you can use it any way you want, but I would very much appreciate if you take a minute and support the project through a donation.
Alphabetically: