当前位置：文江博客话题详情

从标题创建 Slug？

发布于 2024-09-04 10:10:51 字数 200 浏览 4 评论 0原文

我已准备好从标题创建 slugs 的一切，但有一个问题。我的正则表达式用连字符替换空格。但是，当用户输入“Hi there”（多个空格）时，slug 最终会显示为“Hi-----there”。真正的时候应该是“Hi-there”。

我是否应该创建正则表达式，以便它仅在两侧都有字符时替换空格？

或者有更简单的方法来做到这一点吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

吾性傲以野 2024-09-11 10:10:51

我使用这个：

yourslug.replace(/\W+/g, '-')

这将用一个破折号替换所有出现的一个或多个非字母数字字符。

I use this:

yourslug.replace(/\W+/g, '-')

This replaces all occurrences of one or more non-alphanumeric characters with a single dash.

回复收藏 0 原文

快乐很简单 2024-09-11 10:10:51

只需匹配多个空白字符即可。

s/\s+/-/g

Just match multiple whitespace characters.

s/\s+/-/g

回复收藏 0 原文

终止放荡 2024-09-11 10:10:51

丹尼尔的回答是正确的。

但是，如果有人正在寻找完整的解决方案，我喜欢这个功能，

http://dense13.com/blog/2009/05/03/converting-string-to-slug-javascript/

感谢“dense13”！

2024 年 6 月编辑：

上面的链接似乎已失效，但可以通过网络档案访问此处

该页面概述的解决方案是：

function string_to_slug(str) {
  str = str.replace(/^\s+|\s+$/g, ''); // trim
  str = str.toLowerCase();
  
  // remove accents, swap ñ for n, etc
  var from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;";
  var to   = "aaaaeeeeiiiioooouuuunc------";
  for (var i=0, l=from.length ; i<l ; i++) {
    str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
  }

  str = str.replace(/[^a-z0-9 -]/g, '') // remove invalid chars
    .replace(/\s+/g, '-') // collapse whitespace and replace by -
    .replace(/-+/g, '-'); // collapse dashes

  return str;
}

Daniel's answer is correct.

However if somebody is looking for complete solution I like this function,

http://dense13.com/blog/2009/05/03/converting-string-to-slug-javascript/

Thanks to "dense13"!

Edit Jun 2024:

The above link seems dead, but can be accessed through the Web Archive here

The solution outlined on that page is:

function string_to_slug(str) {
  str = str.replace(/^\s+|\s+$/g, ''); // trim
  str = str.toLowerCase();
  
  // remove accents, swap ñ for n, etc
  var from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;";
  var to   = "aaaaeeeeiiiioooouuuunc------";
  for (var i=0, l=from.length ; i<l ; i++) {
    str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
  }

  str = str.replace(/[^a-z0-9 -]/g, '') // remove invalid chars
    .replace(/\s+/g, '-') // collapse whitespace and replace by -
    .replace(/-+/g, '-'); // collapse dashes

  return str;
}

回复收藏 0 原文

找个人就嫁了吧 2024-09-11 10:10:51

作为最后一步，将重复的 - 折叠成一个 - 可能是最简单的：

replace /-{2,}/ by "-"

或者，如果您只想影响空格，请折叠空格（在其他步骤之前），明显地）

It might be the easiest to fold repeated -s into one - as the last step:

replace /-{2,}/ by "-"

Or if you only want this to affect spaces, fold spaces instead (before the other steps, obviously)

回复收藏 0 原文

独享拥抱 2024-09-11 10:10:51

我会将 [\s]+ 替换为 '-'，然后将 [^\w-] 替换为<代码>''

回复收藏 0 原文

南渊 2024-09-11 10:10:51

您可能需要先修剪字符串，以避免前导和尾随连字符。

function hyphenSpace(s){
    s= (s.trim)? s.trim(): s.replace(/^\s+|\s+$/g,'');
    return s.split(/\s+/).join('-');
}

You may want to trim the string first, to avoid leading and trailing hyphens.

function hyphenSpace(s){
    s= (s.trim)? s.trim(): s.replace(/^\s+|\s+$/g,'');
    return s.split(/\s+/).join('-');
}

回复收藏 0 原文

只是我以为 2024-09-11 10:10:51

您可以通过使用简单的包 @smflow/seo-slug 轻松地从标题或任何文本生成 slug：Github

如何生成

安装包：@smflow/seo-slug

npm install @smflow/seo-slug

生成 slug

import { genSlug } from "@smflow/seo-slug";

const slug = genSlug("This is a blog title to generate slug");
console.log(slug); // this-is-a-blog-title-to-generate-slug1234

You can do it easily by using a simple package @smflow/seo-slug to generate slug from Title or any text: Github

How to generate

install the package: @smflow/seo-slug

npm install @smflow/seo-slug

Generate the slug

import { genSlug } from "@smflow/seo-slug";

const slug = genSlug("This is a blog title to generate slug");
console.log(slug); // this-is-a-blog-title-to-generate-slug1234

回复收藏 0 原文

~没有更多了~