Looking for a regex/replace function to take a user inputted string say, "John Smith's Cool Page" and return a filename/url safe string like "john_smith_s_cool_page.html", or something to that extent.
Well, here's one that replaces anything that's not a letter or a number, and makes it all lower case, like your example.
var s = "John Smith's Cool Page";
var filename = s.replace(/[^a-z0-9]/gi, '_').toLowerCase();
Explanation:
The regular expression is /[^a-z0-9]/gi
. Well, actually the gi
at the end is just a set of options that are used when the expression is used.
i
means "ignore upper/lower case differences"g
means "global", which really means that every match should be replaced, not just the first one.
So what we're looking as is really just [^a-z0-9]
. Let's read it step-by-step:
- The
[
and]
define a "character class", which is a list of single-characters. If you'd write[one]
, then that would match either 'o' or 'n' or 'e'. - However, there's a
^
at the start of the list of characters. That means it should match only characters not in the list. - Finally, the list of characters is
a-z0-9
. Read this as "a through z and 0 through 9". It's is a short way of writingabcdefghijklmnopqrstuvwxyz0123456789
.
So basically, what the regular expression says is: "Find every letter that is not between 'a' and 'z' or between '0' and '9'".
-
this is really close, how do I add in a few more individual safe characters like
_
and-
? – ndmweb Dec 13 '11 at 6:21 -
1can i do this?
var filename = s.replace(/[^a-z0-9_-]/gi, '_').toLowerCase()
– ndmweb Dec 13 '11 at 6:22 -
17Ooh, that's so close! You're just missing one bit of information - the
-
is a reserved character inside[]
. You'll need to escape it. So instead of writing-
for the dash ('-'), you need to use\-
. In other words, the regular expression would be/[^a-z0-9_\-]/gi
– Shalom Craimer Dec 13 '11 at 6:31 -
10I will add a
.replace(/_{2,}/g, '_')
to eliminate consecutive_
chars in the result which are very ugly. – fguillen Jun 29 '16 at 13:35 -
2Ooh, @ShalomCraimer! So, so close! ;-)
-
is a special character inside[]
, but it's unnecessary to escape it as long as it's the last character in the brackets. This is alsoeslint's
preference (no-useless-escape
). So:/[^a-z0-9_-]/gi
! – Arel Dec 2 '18 at 17:46
I know the original poster asked for a simple Regular Expression, however, there is more involved in sanitizing filenames, including filename length, reserved filenames, and, of course reserved characters.
Take a look at the code in node-sanitize-filename for a more robust solution.
For more flexible and robust handling of unicode characters etc, you could use the slugify in conjunction with some regex to remove unsafe URL characters
const urlSafeFilename = slugify(filename, { remove: /"<>#%\{\}\|\\\^~\[\]`;\?:@=&/g });
This produces nice kebab-case filenemas in your url and allows for more characters outside the a-z0-9
range.
I think your requirement is to replaces white spaces and aphostophy `s with _ and append the .html at the end try to find such regex.
refer
-
That string was just an example, but ultimately looking for something that would replace ALL non safe characters. basically anything that's not filename safe.. [a-z][A-Z][0-9]["_","-"] – ndmweb Dec 13 '11 at 6:19
" aAbc1290!@#$%^&*()-=_+;:[]{}'\"|,./<>? ".replace(/[\\\/:\*\?"<>\|]/g, "").trim() + ".html"
– loxaxs Apr 6 '19 at 14:04