必优博客

标签对于SEO优化非常重要，这也就是常说的关键字，在使用wordpress时会使用一个标签编辑器，不知道使用过的人有没有注意过，可增加标签和删除标签，使用非常方便，配合一些文本编辑器使用，效果图如下：

使用说明
需要使用jQuery库文件和Tag Editor库文件
必优推荐级别：★★★
使用实例
一，包含文件部分

1. <script type="text/javascript" src="jquery.js"></script>
2. <script type="text/javascript" src="jquery.tag.editor.js"></script>

二，HTML部分

1. <input type="text" value="" name="Tags" id="Tags"/>

三，Javascript部分

1. <script type="text/javascript">
2. $(document).ready(function() {
3. $("#Tags").tagEditor(
4. {
5. items: ["First tag", "Second tag"],
6. confirmRemoval: true
7. });
8. });
9. </script>

如上实例，就非常简单的实现了一个标签编辑器。其接口如下

1. separator (char, defaults to comma (","))

使用字符分割标签的函数

1. items (string array, defaults to an empty array)

初始化的标签函数

1. className (string, defaults to tagEditor)

使用于标签列表的类名

1. confirmRemoval (bool, defaults to false)

删除标签确认提示

1. completeOnSeparator (bool, defaults to false)

当增加分割字符后函数是否立即显示标签

1. completeOnBlur (bool, defaults to false)

当失去焦点后是否立即显示标签

具体使用可查看Tag Editor的JS源文件，同时可参考wordpress的使用方式。