我在CodeIgniter的一个应用程序上工作，我试图使表单上的字段动态生成URL段塞。我想做的是删除标点符号，将其转换为小写字母，并将空格替换为连字符。比如，Shane's Rib Shack会变成shanes-rib-shack。
这是我目前所掌握的。小写部分很容易，但替换似乎根本不起作用，我也不知道要删除标点符号:
$("#Restaurant_Name").keyup(function() {
var Text = $(this).val();
Text = Text.toLowerCase();
Text = Text.replace('/\s/g','-');
$("#Restaurant_Slug").val(Text);
});
当前回答
function slugify(content) {
return content.toLowerCase().replace(/ /g,'-').replace(/[^\w-]+/g,'');
}
// slugify('Hello World');
// this will return 'hello-world';
这对我来说很好。
在CodeSnipper上找到的
其他回答
我创建了一个插件来实现在大多数语言:http://leocaseiro.com.br/jquery-plugin-string-to-slug/
默认的用法:
$(document).ready( function() {
$("#string").stringToSlug();
});
是很容易有stringToSlug jQuery插件
private string ToSeoFriendly(string title, int maxLength) {
var match = Regex.Match(title.ToLower(), "[\\w]+");
StringBuilder result = new StringBuilder("");
bool maxLengthHit = false;
while (match.Success && !maxLengthHit) {
if (result.Length + match.Value.Length <= maxLength) {
result.Append(match.Value + "-");
} else {
maxLengthHit = true;
// Handle a situation where there is only one word and it is greater than the max length.
if (result.Length == 0) result.Append(match.Value.Substring(0, maxLength));
}
match = match.NextMatch();
}
// Remove trailing '-'
if (result[result.Length - 1] == '-') result.Remove(result.Length - 1, 1);
return result.ToString();
}
注意:如果你不关心反对公认答案的论点，只是在寻找答案，那么跳过下一节，你会在最后找到我建议的答案
公认的答案有几个问题(在我看来):
1)对于第一个函数段:
不考虑多个连续的空白
输入:这是一个好鼻涕虫
收到:————————好——蛞蝓
预期:is-it-a-good-slug
不考虑多个连续破折号
输入:————————好——蛞蝓
收到:————————好——蛞蝓
预期:is-it-a-good-slug
请注意，这个实现不处理外部破折号(或空白)，无论它们是多个连续的字符还是单数字符(据我所知，以及它们的用法)是无效的
2)对于第二个函数段:
它通过将多个连续的空白转换为单个空白来处理它们——但这还不够，因为外部(字符串的开头和结尾)空白的处理方式是相同的，所以is It -a-good slug将返回-is- It -a-good slug-
它还从输入中完全删除了破虚号，从而将诸如—is—It—a—good—slug—’之类的东西转换为isitaggoodslug， @ryan-allen评论中的代码片段处理了这一点，尽管没有解决外部破虚号问题
now I know that there is no standard definition for slugs, and the accepted answer may get the job (that the user who posted the question was looking for) done, but this is the most popular SO question about slugs in JS, so those issues had to be pointed out, also (regarding getting the job done!) imagine typing this abomination of a URL (www.blog.com/posts/-----how-----to-----slugify-----a-----string-----) or even just be redirected to it instead of something like (www.blog.com/posts/how-to-slugify-a-string), I know this is an extreme case but hey that's what tests are for.
在我看来，更好的解决办法是:
Const slugify = STR => str .trim() //删除字符串开头和结尾的空白 .toLowerCase () .replace(/^-+/g， "") //删除字符串开头的一个或多个破折号 .replace(/[^\w-]+/g， "-") //将任意字母数字字符转换为破折号 .replace(/-+/g， "-") //将连续破折号转换为单个破折号 .replace(美元/ - + / g, " ");//删除字符串末尾的一个或多个破折号
现在可能有一个RegExp忍者可以把它转换成一行表达式，我不是RegExp专家，我不是说这是最好的或最紧凑的解决方案，或具有最好的性能，但希望它可以完成工作。
String.prototype.slug = function(e='-'){
let $this=this
.toUpperCase()
.toLowerCase()
.normalize('NFD')
.trim()
.replace(/\s+/g,e)
.replace(/-\+/g,'')
.replace(/-+/g,e)
.replace(/^-/g,'')
.replace(/-$/g,'')
.replace(/[^\w-]/g,'');
return $this
.toUpperCase()
.toLowerCase()
.normalize('NFD')
.trim()
.replace(/\s+/g,e)
.replace(/-\+/g,'')
.replace(/-+/g,e)
.replace(/^-/g,'')
.replace(/-$/g,'')
.replace(/[^\w-]/g,'');
}
我过滤了两次，因为可能会有更多不需要的字符
对于已经在使用lodash的人
这些例子大多数都很好，涵盖了很多情况。但如果你“知道”你只有英文文本，这是我的版本，非常容易阅读:)
_.words (_.toLower(文本)). join(“-”)
