• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

alexgorbatchev/jquery-textext: A super awesome, customizable text input supporti ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

alexgorbatchev/jquery-textext

开源软件地址:

https://github.com/alexgorbatchev/jquery-textext

开源编程语言:

JavaScript 96.8%

开源软件介绍:

Version 2.0 in development

Please note that there's version 2.0 in active development. Checkout the #2.0.0-wip branch for more fun action! CoffeeScript and full Jasmine coverage - fun stuff!

About

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.

Features

  • Tags
  • Autocomplete
  • AJAX loading
  • Placeholder text
  • Arrow
  • ... and much more!

Example

<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>

How To Use

The steps to using TextExt are as follows:

  1. Specify which plugins you need via the plugins option
  2. Configure each plugin individually if necessary
  3. Enjoy!

History

1.3.1

Bug Fixes

  • Fixed jQuery 1.8.x compatability (issue #74).

1.3.0

New Features

  • Added tagClick event to the tags plugin (issue #13). See the example.
  • Prompt plugin now checks placeholder attribute (issue #8). See the example.
  • Clicking on item in autocomplete will automatically add that item to tags #2.

Bug Fixes

  • Fixes getter methods created when plugins are initialized. (issue #20).
  • Fixed issues #4, #4 and #10 related to the mouse issues in the autocomplete dropdown.
  • Fixed textext.[pluginName]() (issue #20).

1.2.0

  • Added ability to get instances of plugins to call methods on them directy (issue #6). See the example.

1.1.0

New Features

  • Added autocomplete.render option for custom rendering. See the manual and example.
  • Added autocomplete.dropdown.maxHeight option for setting height of the dropdown. See manual and example.
  • Added Arrow plugin.
  • Switched to MIT license.

Bug Fixes

  • TextExt core now works with <input/> tags.
  • Filter plugin now works without Tags.
  • Fixed clicking on suggestion in autocomplete dropdown.

1.0.0

  • Initial release.

License

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.

Contributors

Alphabetically:




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap