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

问题描述

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

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

使用 (.replace())

我需要在结尾和开头修剪空白
用 ('-') 替换所有空格，但防止连续出现 2 个空格
用 ('-') 替换特殊字符
用 cnoei 替换 ç ñ ö é ì .etc 等字母

有人可以帮我吗？

标签： javascriptregexreactjs

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

更新：使用.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;"/>

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

问题描述

解决方案

推荐阅读