当前位置:首页 > 开发教程 > js/jQuery教程 >

jQuery的文本编辑框扩展插件 TextExt

时间:2016-02-25 10:26 来源:互联网 作者:源码搜藏 收藏

TextExt 是一个 jQuery 插件 ,提供对文本输入框的功能扩展,可实现自动完成、标签输入、ajax和过滤功能。 在开发2.0版 请注意,在积极开发2.0版本。 检出#2.0.0 WIP分行更有趣的动作! CoffeeScript的和全覆盖茉莉 - 有趣的东西! 关于 TextExt是的jQuery

TextExt 是一个 jQuery 插件,提供对文本输入框的功能扩展,可实现自动完成、标签输入、ajax和过滤功能。

jQuery的文本编辑框扩展插件 TextExt

在开发2.0版

请注意,在积极开发2.0版本。检出#2.0.0 WIP分行更有趣的动作!CoffeeScript的和全覆盖茉莉 - 有趣的东西!

关于

TextExt是的jQuery插件,其目的是提供的功能,比如标签和输入自动完成。

背后TextExt的核心设计原则是模块化和可扩展性。每一块的功能从主芯分离,并可以与其它插件单独或一起起作用。

TextExt的模块化设计可以让你轻松地把一个标准的HTML文本输入到多种现代化,根据您的需要输入字段无腹胀你的源代码,并与您不使用的代码拖慢您的网站。

可广泛一些插件,包括标签,自动完成,过滤器,阿贾克斯以及一些这是纯粹的审美像焦点。

请参考说明书的完整的API文档和示例。

特征

  • 标签
  • 自动完成
  • AJAX装载
  • 占位符文本
  • 箭头
  • ... 以及更多!


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

如何使用

是使用TextExt的步骤如下:

  1. 指定您通过需要的插件插件选项
  2. 根据需要单独配置每个插件
  3. 享受!

历史

1.3.1

Bug修复

  • 固定的jQuery 1.8.x的兼容性(问题#74)。

1.3.0

新功能

  • 新增tagClick事件标记插件(问题#13)。例子
  • 提示插件现在检查占位符属性(问题#8)。例子
  • 点击项会自动完成该项目自动添加到标签 #2

官网下载http://textextjs.com/
 

js/jQuery教程阅读排行

最新文章