多语言URL Slug生成器 jQuery Slug It!

  • 源码大小:9.93KB
  • 所需积分:1积分
  • 源码编号:19JP-3389
  • 浏览次数:674次
  • 最后更新:2023年06月08日
  • 所属栏目:文本
我要下载
加入收藏
本站默认解压密码:19jp.com 或 19jp_com

简介

用力!是一个小巧但功能丰富的jQuery slug生成器,用于从任何字符串生成可读且SEO友好的URL slug。

特征:

  • 用自定义分隔符替换空格和不需要的字符。
  • 修剪前导/尾随分离器。
  • 消除重复分离。
  • 将大写字母转换为小写字母。
  • 支持欧洲utf8字符:拉丁语、希腊语、土耳其语、俄语、乌克兰语、捷克语、波兰语和拉脱维亚语。
  • 支持货币符号,如ââ、$、£等。
  • 支持特殊字符,如??、?(c)、??等。
  • 允许您创建自己的角色映射。

参见:

  • 7最佳SEO友好的JavaScript URL Slug生成器

如何使用它:

1.下载并导入jQuery slugIt插件。

  1. <script src="/path/to/cdn/jquery.slim.min.js"></script>
  2. <script src="/path/to/jquery.slugit.js"></script>

2.在目标输入字段上调用插件。

  1. <input type="text" id="input" value="I love jQueryScript">
  2. <input type="text" class="output" readonly />
  1. $(function(){
  2. $('#input').slugIt({
  3. output: '.output', // default: '#slug'
  4. });
  5. });

3.覆盖默认分隔符(-)。

  1. $(function(){
  2. $('#input').slugIt({
  3. separator: '_',
  4. });
  5. });

4.覆盖默认触发事件。

  1. $(function(){
  2. $('#input').slugIt({
  3. events: 'keypress keyup',
  4. });
  5. });

5.添加您自己的字符映射。

  1. $(function(){
  2. $('#input').slugIt({
  3. map: {
  4. '*': 'star'
  5. }
  6. });
  7. });

6.回调函数。

  1. $(function(){
  2. $('#input').slugIt({
  3. before: function(text){
  4. // ...
  5. }
  6. after: function(slug){
  7. // ...
  8. }
  9. });
  10. });

预览截图