自定义 javascript 正则表达式，如 wordpress 页面图块

Question

我正在做出反应，我正在处理一个显示 URL 路径的输入，如 wordpress 页面标题，你在输入中输入一个标题，它会显示页面的路径 onBlur...

我设法完成了整件事，但我仍然需要一个自定义正则表达式来显示输入值的 Url：

使用 (.replace())

• 我需要修剪末尾和开头的空白
• 用 ('-') 替换所有空格，但防止连续出现 2 个空格
• 将特殊字符替换为 ('-')
• 将 ç ñ ö é ì .etc 等字母替换为 c n o e i

有人可以帮我解决这个问题吗？

Answer 1

这是我的看法。您需要为要替换的其他变音符号（重音字符）添加一些行。这是其他人的reference。

更新：使用.normalize，而不是指定每个变音符号替换

function clearResult(){
  document.getElementById('result').value = "";
}

function stripUrl(){

  var text = document.getElementById('input').value;

  var newText = text.trim()
    .normalize('NFKD')
    .replace(/[\u0300-\u036f]/g, "")
    .replace(/[^\w/:.]/gi, '-') //clean up special characters
    .replace(/-{2,}/gi,'-'); //handle multiple dashes

  document.getElementById('result').value = newText;
}

<input id="input" type="text" value="https://google.com/)!(#$!*$ assfsd/       /mañana/aaa" style="width:500px;" onchange="clearResult()"/>
<button onclick="stripUrl()">StripUrl</button>
<br/>
<input type="text" id="result" style="width:500px;"/>