代码片段 → PHP → 从文章标题创建 URL Slug

从文章标题创建 URL Slug

Avatar of Chris Coyier
Chris Coyier 于

替换单词之间空格为连字符的正则表达式函数。

<?php
function create_slug($string){
   $slug=preg_replace('/[^A-Za-z0-9-]+/', '-', $string);
   return $slug;
}
echo create_slug('does this thing work or not');
//returns 'does-this-thing-work-or-not'
?>
嘘！ 创建一个 DigitalOcean 账户并获得 200 美元的免费额度 用于基于云的托管和服务。

评论

  1. Robin
    评论永久链接#

    也许你可以在那里添加一个 strtolower？

    回复
  2. Dalibor Sojic
    评论永久链接#

    这是 jquery（客户端）slug 创建器。

    $('#title').change(function() {
    $(this).val($.trim($(this).val()));
    // 去除空格

    $(this).val($(this).val().replace(/\s+/g,' '));
    // 将多个空格替换为一个空格

    $('#url').val($(this).val().toLowerCase());
    $('#url').val($('#url').val().replace(/\W/g, ' '));
    $('#url').val($.trim($('#url').val()));
    $('#url').val($('#url').val().replace(/\s+/g, '-'));
    });

    回复
    • Micheal Johnson
      评论永久链接#

      不要使用客户端 slug 创建器，因为它可能会被恶意利用。如果攻击者出于某种原因想要将特殊字符插入 slug 中，他们可以轻松绕过客户端脚本并将恶意 slug 发送到服务器。如果服务器不执行任何其他检查/修改提交的 slug（如果它确实执行了，那么客户端 slug 创建器就没有必要），那么攻击者就可以成功利用服务器。

  3. Benjamin Mayo
    评论永久链接#

    停用词始终是 slug 创建器的不错补充，

    回复
  4. Weblap.ro
    评论永久链接#

    function remove_accent($str)
    {
    $a = array('À','Á','Â','Ã','Ä','Å','Æ','Ç','È','É','Ê','Ë','Ì','Í','Î','Ï','Ð','Ñ','Ò','Ó','Ô','Õ','Ö','Ø','Ù','Ú','Û','Ü','Ý','ß','à','á','â','ã','ä','å','æ','ç','è','é','ê','ë','ì','í','î','ï','ñ','ò','ó','ô','õ','ö','ø','ù','ú','û','ü','ý','ÿ','Ā','ā','Ă','ă','Ą','ą','Ć','ć','Ĉ','ĉ','Ċ','ċ','Č','č','Ď','ď','Đ','đ','Ē','ē','Ĕ','ĕ','Ė','ė','Ę','ę','Ě','ě','Ĝ','ĝ','Ğ','ğ','Ġ','ġ','Ģ','ģ','Ĥ','ĥ','Ħ','ħ','Ĩ','ĩ','Ī','ī','Ĭ','ĭ','Į','į','İ','ı','IJ','ij','Ĵ','ĵ','Ķ','ķ','Ĺ','ĺ','Ļ','ļ','Ľ','ľ','Ŀ','ŀ','Ł','ł','Ń','ń','Ņ','ņ','Ň','ň','ʼn','Ō','ō','Ŏ','ŏ','Ő','ő','Œ','œ','Ŕ','ŕ','Ŗ','ŗ','Ř','ř','Ś','ś','Ŝ','ŝ','Ş','ş','Š','š','Ţ','ţ','Ť','ť','Ŧ','ŧ','Ũ','ũ','Ū','ū','Ŭ','ŭ','Ů','ů','Ű','ű','Ų','ų','Ŵ','ŵ','Ŷ','ŷ','Ÿ','Ź','ź','Ż','ż','Ž','ž','ſ','ƒ','Ơ','ơ','Ư','ư','Ǎ','ǎ','Ǐ','ǐ','Ǒ','ǒ','Ǔ','ǔ','Ǖ','ǖ','Ǘ','ǘ','Ǚ','ǚ','Ǜ','ǜ','Ǻ','ǻ','Ǽ','ǽ','Ǿ','ǿ');
    $b = array('A','A','A','A','A','A','AE','C','E','E','E','E','I','I','I','I','D','N','O','O','O','O','O','O','U','U','U','U','Y','s','a','a','a','a','a','a','ae','c','e','e','e','e','i','i','i','i','n','o','o','o','o','o','o','u','u','u','u','y','y','A','a','A','a','A','a','C','c','C','c','C','c','C','c','D','d','D','d','E','e','E','e','E','e','E','e','E','e','G','g','G','g','G','g','G','g','H','h','H','h','I','i','I','i','I','i','I','i','I','i','IJ','ij','J','j','K','k','L','l','L','l','L','l','L','l','l','l','N','n','N','n','N','n','n','O','o','O','o','O','o','OE','oe','R','r','R','r','R','r','S','s','S','s','S','s','S','s','T','t','T','t','T','t','U','u','U','u','U','u','U','u','U','u','U','u','W','w','Y','y','Y','Z','z','Z','z','Z','z','s','f','O','o','U','u','A','a','I','i','O','o','U','u','U','u','U','u','U','u','U','u','A','a','AE','ae','O','o');
    return str_replace($a, $b, $str);
    }

    function post_slug($str)
    {
    return strtolower(preg_replace(array('/[^a-zA-Z0-9 -]/', '/[ -]+/', '/^-|-$/'), array('', '-', ''), remove_accent($str)));
    }

    回复
  5. Ant
    评论永久链接#

    你还需要删除标点符号

    $string = preg_replace( '/[«»“”!?,.]+/', '', $string );
    回复
    • Mavelo
      评论永久链接#

      原始代码已经这样做了。插入符号 ^ 在 RegEx 中表示“非”。根据示例，作者只允许字母、数字和连字符；)

  6. Sudeep Sakalle
    评论永久链接#

    精彩的帖子！非常简单且实用。

    感谢将其发布到网上。

    @Weblap.ro 感谢此特殊字符。删除脚本。这使得此页面非常有用。

    Sudeep
    Infovinity

    回复
  7. Seebz
    评论永久链接#

    另一个产生更好结果的等效函数：http://code.seebz.net/p/to-permalink/

    回复
  8. itechfan
    评论永久链接#

    当你的语言是 utf-8（例如“xin chào”）时，如何创建文章 slug？当使用你的函数时，我不希望它变成“xin cho”。

    我的函数像你一样

    
function remove_accent($str) 
{ 
  $a = array('À', 'Á', 'Â', 'Ã', 'Ä', 'Å', 'Æ', 'Ç', 'È', 'É', 'Ê', 'Ë', 'Ì', 'Í', 'Î', 'Ï', 'Ð', 'Ñ', 'Ò', 'Ó', 'Ô', 'Õ', 'Ö', 'Ø', 'Ù', 'Ú', 'Û', 'Ü', 'Ý', 'ß', 'à', 'á', 'â', 'ã', 'ä', 'å', 'æ', 'ç', 'è', 'é', 'ê', 'ë', 'ì', 'í', 'î', 'ï', 'ñ', 'ò', 'ó', 'ô', 'õ', 'ö', 'ø', 'ù', 'ú', 'û', 'ü', 'ý', 'ÿ', 'Ā', 'ā', 'Ă', 'ă', 'Ą', 'ą', 'Ć', 'ć', 'Ĉ', 'ĉ', 'Ċ', 'ċ', 'Č', 'č', 'Ď', 'ď', 'Đ', 'đ', 'Ē', 'ē', 'Ĕ', 'ĕ', 'Ė', 'ė', 'Ę', 'ę', 'Ě', 'ě', 'Ĝ', 'ĝ', 'Ğ', 'ğ', 'Ġ', 'ġ', 'Ģ', 'ģ', 'Ĥ', 'ĥ', 'Ħ', 'ħ', 'Ĩ', 'ĩ', 'Ī', 'ī', 'Ĭ', 'ĭ', 'Į', 'į', 'İ', 'ı', 'IJ', 'ij', 'Ĵ', 'ĵ', 'Ķ', 'ķ', 'Ĺ', 'ĺ', 'Ļ', 'ļ', 'Ľ', 'ľ', 'Ŀ', 'ŀ', 'Ł', 'ł', 'Ń', 'ń', 'Ņ', 'ņ', 'Ň', 'ň', 'ʼn', 'Ō', 'ō', 'Ŏ', 'ŏ', 'Ő', 'ő', 'Œ', 'œ', 'Ŕ', 'ŕ', 'Ŗ', 'ŗ', 'Ř', 'ř', 'Ś', 'ś', 'Ŝ', 'ŝ', 'Ş', 'ş', 'Š', 'š', 'Ţ', 'ţ', 'Ť', 'ť', 'Ŧ', 'ŧ', 'Ũ', 'ũ', 'Ū', 'ū', 'Ŭ', 'ŭ', 'Ů', 'ů', 'Ű', 'ű', 'Ų', 'ų', 'Ŵ', 'ŵ', 'Ŷ', 'ŷ', 'Ÿ', 'Ź', 'ź', 'Ż', 'ż', 'Ž', 'ž', 'ſ', 'ƒ', 'Ơ', 'ơ', 'Ư', 'ư', 'Ǎ', 'ǎ', 'Ǐ', 'ǐ', 'Ǒ', 'ǒ', 'Ǔ', 'ǔ', 'Ǖ', 'ǖ', 'Ǘ', 'ǘ', 'Ǚ', 'ǚ', 'Ǜ', 'ǜ', 'Ǻ', 'ǻ', 'Ǽ', 'ǽ', 'Ǿ', 'ǿ'); 
  $b = array('A', 'A', 'A', 'A', 'A', 'A', 'AE', 'C', 'E', 'E', 'E', 'E', 'I', 'I', 'I', 'I', 'D', 'N', 'O', 'O', 'O', 'O', 'O', 'O', 'U', 'U', 'U', 'U', 'Y', 's', 'a', 'a', 'a', 'a', 'a', 'a', 'ae', 'c', 'e', 'e', 'e', 'e', 'i', 'i', 'i', 'i', 'n', 'o', 'o', 'o', 'o', 'o', 'o', 'u', 'u', 'u', 'u', 'y', 'y', 'A', 'a', 'A', 'a', 'A', 'a', 'C', 'c', 'C', 'c', 'C', 'c', 'C', 'c', 'D', 'd', 'D', 'd', 'E', 'e', 'E', 'e', 'E', 'e', 'E', 'e', 'E', 'e', 'G', 'g', 'G', 'g', 'G', 'g', 'G', 'g', 'H', 'h', 'H', 'h', 'I', 'i', 'I', 'i', 'I', 'i', 'I', 'i', 'I', 'i', 'IJ', 'ij', 'J', 'j', 'K', 'k', 'L', 'l', 'L', 'l', 'L', 'l', 'L', 'l', 'l', 'l', 'N', 'n', 'N', 'n', 'N', 'n', 'n', 'O', 'o', 'O', 'o', 'O', 'o', 'OE', 'oe', 'R', 'r', 'R', 'r', 'R', 'r', 'S', 's', 'S', 's', 'S', 's', 'S', 's', 'T', 't', 'T', 't', 'T', 't', 'U', 'u', 'U', 'u', 'U', 'u', 'U', 'u', 'U', 'u', 'U', 'u', 'W', 'w', 'Y', 'y', 'Y', 'Z', 'z', 'Z', 'z', 'Z', 'z', 's', 'f', 'O', 'o', 'U', 'u', 'A', 'a', 'I', 'i', 'O', 'o', 'U', 'u', 'U', 'u', 'U', 'u', 'U', 'u', 'U', 'u', 'A', 'a', 'AE', 'ae', 'O', 'o'); 
  return str_replace($a, $b, $str); 
} 

function post_slug($str) 
{ 
  return strtolower(preg_replace(array('/[^a-zA-Z0-9 -]/', '/[ -]+/', '/^-|-$/'), 
  array('', '-', ''), remove_accent($str))); 
}

    帮我更改 slug，例如字符串：“xin chào”。

    谢谢

    回复
    • Vincent Le
      评论永久链接#

      对于越南语，我使用了这个数组

      function remove_accent($str) 
{ 
  $a = array(
                'á','é','í','ó','ú','ý','Á','É','Í','Ó','Ú','Ý',
                'à','è','ì','ò','ù','ỳ','À','È','Ì','Ò','Ù','Ỳ',
                'ả','ẻ','ỉ','ỏ','ủ','ỷ','Ả','Ẻ','Ỉ','Ỏ','Ủ','Ỷ',
                'ã','ẽ','ĩ','õ','ũ','ỹ','Ã','Ẽ','Ĩ','Õ','Ũ','Ỹ',
                'ạ','ẹ','ị','ọ','ụ','ỵ','Ạ','Ẹ','Ị','Ọ','Ụ','Ỵ',
                'â','ê','ô','ư','Â','Ê','Ô','Ư',
                'ấ','ế','ố','ứ','Ấ','Ế','Ố','Ứ',
                'ầ','ề','ồ','ừ','Ầ','Ề','Ồ','Ừ',
                'ẩ','ể','ổ','ử','Ẩ','Ể','Ổ','Ử',
                'ậ','ệ','ộ','ự','Ậ','Ệ','Ộ','Ự'
            ); 
  $b = array(
                'a','e','i','o','u','y','A','E','I','O','U','Y',
                'a','e','i','o','u','y','A','E','I','O','U','Y',
                'a','e','i','o','u','y','A','E','I','O','U','Y',
                'a','e','i','o','u','y','A','E','I','O','U','Y',
                'a','e','i','o','u','y','A','E','I','O','U','Y',
                'a','e','o','u','A','E','O','U',
                'a','e','o','u','A','E','O','U',
                'a','e','o','u','A','E','O','U',
                'a','e','o','u','A','E','O','U',
                'a','e','o','u','A','E','O','U'
            ); 
  return str_replace($a, $b, $str); 
}
  9. tranh
    评论永久链接#

    很酷的技巧，但我可以限制重复的 slug

    回复
    • Oli C
      评论永久链接#

      顶

      你需要连接到数据库才能做到这一点。

  10. Eric
    评论永久链接#

    我一直使用这种快速且不那么脏的方法

    $slug = preg_replace(“/\W+/”,”-“,$text);

    通过使用 \W+，你可以处理所有非拉丁字符。

    回复
  11. Thomas
    评论永久链接#

    无论我在网站上遇到什么麻烦，我都会谷歌搜索我想要的东西，你的链接从未让我失望。谢谢 Chris！

    回复
  12. ppwalks
    评论永久链接#

    同意

    回复
  13. Frenk
    评论永久链接#

    我如何添加一个按钮？这样，当我点击自动生成友好 URL时

    回复
  14. Shelly
    评论永久链接#

    内置函数如何处理这种情况？sanitize_title_with_dashes(); 我一直都在使用它。

    回复
    • Rian Ariona
      评论永久链接#

      sanitize_title_with_dashes() 是 wordpress 函数:)。

  15. Shelly
    评论永久链接#

    我的错！我以为你们都在谈论 WordPress :) 对不起！

    回复
  16. Davinder Singh
    评论永久链接# 
    function getSlug($text)
{ 
  $text = preg_replace('~[^\\pL\d]+~u', '-', $text);
  $text = trim($text, '-');
  $text = iconv('utf-8', 'us-ascii//TRANSLIT', $text);
  $text = strtolower($text);
  $text = preg_replace('~[^-\w]+~', '', $text);
  if (empty($text))
  {
    return 'n-a';
  }
  return $text;
}

    100%有效

    回复
    • Pkumar
      评论永久链接#

      我的标题是 बोन कैंसर: जानें, क्यों नहीं नजरअंदाज करना चाहिए इन संकेतों को？
      我想将其更改为 बोन-कैंसर-जानें-क्यों-नही.html
      以上代码无法使用，有什么建议吗？

    • Niraj
      评论永久链接#

      谢谢。

    • Thomas K.
      评论永久链接#

      谢谢 Davinder Singh :-)
      并且整个代码扩展到德语变音符，真是太棒了

      function getSlug($text)
      {
      $word = strtolower($text);
      $word = str_replace(“ä”,”ae”,$word);
      $word = str_replace(“ö”,”oe”,$word);
      $word = str_replace(“ü”,”ue”,$word);
      $word = str_replace(“ß”,”ss”,$word);
      $word = str_replace(“&”,”und”,$word);
      $text = preg_replace(‘~[^\pL\d]+~u’, ‘-‘, $word);
      $text = trim($text, ‘-‘);
      $text = iconv(‘utf-8’, ‘us-ascii//TRANSLIT’, $text);
      $text = strtolower($text);
      $text = preg_replace(‘~[^-\w]+~’, ”, $text);
      if (empty($text))
      {
      return ‘n-a’;
      }
      return $text;
      }

  17. Chirag
    评论永久链接#

    谢谢，它真的很有价值，对我有用…:p

    回复
  18. Piotr Alexei
    评论永久链接#

    另一种简单的方法

    function text2url($string){
        $table = array(
            'Š'=>'S', 'š'=>'s', 'Đ'=>'Dj', 'đ'=>'dj', 'Ž'=>'Z', 'ž'=>'z', 'Č'=>'C', 'č'=>'c', 'Ć'=>'C', 'ć'=>'c',
            'À'=>'A', 'Á'=>'A', 'Â'=>'A', 'Ã'=>'A', 'Ä'=>'A', 'Å'=>'A', 'Æ'=>'A', 'Ç'=>'C', 'È'=>'E', 'É'=>'E',
            'Ê'=>'E', 'Ë'=>'E', 'Ì'=>'I', 'Í'=>'I', 'Î'=>'I', 'Ï'=>'I', 'Ñ'=>'N', 'Ò'=>'O', 'Ó'=>'O', 'Ô'=>'O',
            'Õ'=>'O', 'Ö'=>'O', 'Ø'=>'O', 'Ù'=>'U', 'Ú'=>'U', 'Û'=>'U', 'Ü'=>'U', 'Ý'=>'Y', 'Þ'=>'B', 'ß'=>'Ss',
            'à'=>'a', 'á'=>'a', 'â'=>'a', 'ã'=>'a', 'ä'=>'a', 'å'=>'a', 'æ'=>'a', 'ç'=>'c', 'è'=>'e', 'é'=>'e',
            'ê'=>'e', 'ë'=>'e', 'ì'=>'i', 'í'=>'i', 'î'=>'i', 'ï'=>'i', 'ð'=>'o', 'ñ'=>'n', 'ò'=>'o', 'ó'=>'o',
            'ô'=>'o', 'õ'=>'o', 'ö'=>'o', 'ø'=>'o', 'ù'=>'u', 'ú'=>'u', 'û'=>'u', 'ý'=>'y', 'ý'=>'y', 'þ'=>'b',
            'ÿ'=>'y', 'Ŕ'=>'R', 'ŕ'=>'r', '/' => '-', ' ' => '-'
        );
        $text2url = strtolower(strtr($string, $table));
        $text2url = preg_replace('#[^0-9a-z]+#i', " ", $text2url);
        $text2url = str_replace(' ','-',trim($text2url));
        return $text2url;
    }
    回复
  19. Ladislav Janeček
    评论永久链接# 
    function slug($nadpis) {
    $url = $nadpis;
    $url = preg_replace('~[^&#092;pL0-9_]+~u', '-', $url);
    $url = trim($url, "-");
    $url = iconv("utf-8", "us-ascii//TRANSLIT", $url);
    $url = strtolower($url);
    $url = preg_replace('~[^-a-z0-9_]+~', '', $url);
    return $url;
}
    回复
  20. AmirMasoud
    评论永久链接#

    以这种方式创建 slug 仅限于英语字母。最好先使用函数 explode 和空格作为分隔符将其转换为数组，然后使用可选分隔符对其进行合并。

    回复
  21. Stackoverflow
    评论永久链接# 
    public static function slug($string, $space="-") {
        $string = utf8_encode($string);
        if (function_exists('iconv')) {
            $string = iconv('UTF-8', 'ASCII//TRANSLIT', $string);
        }

    $string = preg_replace("/[^a-zA-Z0-9 \-]/", "", $string);
    $string = trim(preg_replace("/\\s+/", " ", $string));
    $string = strtolower($string);
    $string = str_replace(" ", $space, $string);

    return $string;
}

    function createPostSlug($url){
    # Prep string with some basic normalization
    $url = strtolower($url);
    $url = strip_tags($url);
    $url = stripslashes($url);
    $url = html_entity_decode($url);

    # Remove quotes (can't, etc.)
    $url = str_replace('\'', '', $url);

    # Replace non-alpha numeric with hyphens
    $url     = trim(preg_replace('/[^a-z0-9]+/', '-', $url), '-');

    return $url;

    }

    回复
  22. 选择
    评论永久链接#

    此不错的脚本将处理各个方面。包括删除特殊字符和处理不同语言

    https://github.com/cocur/slugify

    回复
  23. natalieandersenlive
    评论永久链接#

    在 WP 中，我使用了一个不错的 文章标题格式化程序 来实现此目的

    回复
  24. ausi
    评论永久链接#

    我创建了一个库来生成 slug：https://github.com/ausi/slug-generator

    回复
  25. Mahaveer
    评论永久链接# 
    //create_url_slug
function create_url_slug($string){
   $slug=preg_replace('/[^A-Za-z0-9-]+/', '-', $string);
   return $slug;
}
$postname=Have a nice Day;
echo $var=create_url_slug(strtolower($postname));
    回复
  26. jacck
    评论永久链接#

    很棒的工作

    回复
  27. S Sharif
    评论永久链接#

    这会更高效。

    function slugify(string) {
    const a = ‘àáäâãåèéëêìíïîòóöôùúüûñçßÿœæŕśńṕẃǵǹḿǘẍźḧ·/_,:;’
    const b = ‘aaaaaaeeeeiiiioooouuuuncsyoarsnpwgnmuxzh——‘
    const p = new RegExp(a.split(”).join(‘|’), ‘g’)

        return string.toString().toLowerCase()
        .replace(/\s+/g, '-') // Replace spaces with -
        .replace(p, c => b.charAt(a.indexOf(c))) // Replace special characters
        .replace(/&/g, '-and-') // Replace & with 'and'
        .replace(/[^\w\-]+/g, '') // Remove all non-word characters
        .replace(/\-\-+/g, '-') // Replace multiple - with single -
        .replace(/^-+/, '') // Trim - from start of text
        .replace(/-+$/, '') // Trim - from end of text
}
    回复
  28. Shaym
    评论永久链接#

    如果您使用的是PHP- Codeigniter框架，并且想要在Codeigniter中生成URL slug，请访问以下链接
    https://datainflow.com/generate-url-slug-codeigniter/

    回复

发表评论

Your email address will not be published. Required fields are marked *

© 2024 . All rights reserved.