I am not very good with Regular Expressions, some times I can figure them out but...
I need to parse text strings (for a chat room project).
So as you would imagine any pasted URLs need to be converted to click-able hyper links.
I use this RegExp for that, cobbled together from examples I have found on the net. It appears to work quite well :
/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:~;#'#%&.=\]\[\*\$\!\?\/\,]+/g
Now another part of my project has to insert images in other words :
<img src="http://path/to/image" alt="alt" />
So I need the reg exp to ignore those, and I tried this :
/(?!src=")[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:~;#'#%&.=\]\[\*\$\!\?\/\,]+/g
But it doesn't work. Perhaps my expression is faulty or I am going about it the wrong way.
I may just mask out 'src="http' and run my expression then reapply what I masked out.
But before I do that I thought I would see if anyone here has any ideas.
Many thanks.
(?!src=")
is a negative lookahead, what you want there is a lookbehind, which javascript does not support.
Related
I'm looking for a way to find all urls to replace them with a markdown link. However, in my string I already have some URLs already wrapped by the markdown syntax. So I need to ignore those cases. Is it possible with JS regex to do that?
Here's what I currently have:
(?:[^\]\)]|^)(htt\ps?:\/\/(www\.)?[-a-zA-Z0-9#:%._\+~#=]{1,256}\.[a-zA-Z0-9]{1,6}\b([-a-zA-Z0-9#:%_\+.~#?&//=]*))
Only the last line of text shouldn't be captured here:
https://regex101.com/r/qgm8jN/1
I truncated your regex a little bit (I was trying to remove variables), feel free to add stuff back as you see fit.
https://regex101.com/r/iVQvEu/1
primarily what you need to know is negative look behinds (http://www.regular-expressions.info/lookaround.html)
(?<!not)website
will match website as long as it is not preceded by not
so in your case, i used (?<!\]\() which looks for ]( and will return the website as long as the markdown symbols are not in front of it.
Again feel free to add/subtract to it, but that should at least point you in the right direction.
I'm trying to split words into syllables on a website that helps kids learn to read. This turns out to be hard.
JavaScript Hyphenation libraries are large. Chrome browser can already auto-hyphenate using the hyphens: auto; CSS3 tag. I'd like to say to my line of text in the browser "Hi there! Please tell me all possible ways you would consider splitting these words, thanks!"
Which means I would need to somehow "read" the results of hyphenated words packed into very narrow divs. AFAIK you can't grab the text - hyphenation is only a display thing. Is there any way to figure out where the words were hyphenated?
https://jsfiddle.net/8v5xxuh1/
Short answer: no, there is no easy way to piggyback on the browser's hyphen generator.
Super basic question (which I admittedly probably shouldn't post on SO, but here goes): I'm trying to create a regex to match (and exclude from a function) all links that begins with //images, but I cannot for the life of me get it to work.
Right now I have:
$('a:not([href^=/\/\images])').each(function(){
But since that clearly isn't correct, and I really don't know where to begin looking to set it straight, I'm asking for advice. I'm used to escaping strings etc., but this seems to be quite different(?).
Also, I tried using http://regexr.com/ and https://txt2re.com/ (didn't even understand how to work the latter...) but honestly I feel like I have no clue as to what to put where at this point since I'm basically guessing.
Again, sorry for posting such a basic question, but right now this is all gibberish to me, sadly.
This has little to do with jQuery or regular expressions. What you're asking about is a CSS selector which has different behaviour altogether. Your problem is with /\/\ vs \/\/.
Note that you don't actually have to escape the slashes here.
let images = document.querySelectorAll('a:not([href^="//images"])');
console.log(images);
cat
dog
fox
fox
That is not regex, that is JQuery selector. This is how you can match them:
$("a:not([href^='//images'])").each(function(){
console.log($(this).attr('href'));
});
This is kind of weird. I'm trying to get my code up on my website using Syntax Highlighter. I've come up against two weird problems.
1 - Code lines are off, in some cases worse than others
2 - Syntax Highlighter wants to close what it thinks are xml / html tags. If you go to the following link and look at the numbers and the bottom of the screen, you'll know what I mean.
http://kentcdodds.com/projectsamples/BankGUI/GUI.html
I'm not sure what's wrong. But I also just noticed it changed my capital S on String to a lower case s. I'm developing a program in Java to add all the html necessary before and after each of my .java files for my school projects this last year so I can put the code up for the world to see and hopefully help. So if I could get some help from someone with this Syntax Highlighter problem, that would be great.
It seems as though there is no real solution using this technology. So the best I can do is say hard-code changes for when String goes to lowercase and don't use line numbers. I'm sorry if this isn't helpful for people in the future. You might try one of these alternatives.
For the sake of simplicity & learning something new, please don't suggest using two separate replace functions. I know that's an option but I would rather also know how to do this (or if it's not possible).
'<test></test>'.replace(/<|>/g,'$&'.charCodeAt(0))
This is what I've got so far. This sample code is, as you can tell, for another piece of code to escape HTML entities while still using innerHTML (because I do intend to include a few HTML entities such as small images, so again please don't suggest textContent).
Since I'm trying to replace both < and >, the problem is converting each individual one to their respective character codes. Since regular expressions allow for this "OR" condition as well as backreferences to each one, I'm hoping there's a way to get the reference of each individual character as they're replaced. $& will return <><> (because they're replaced in that order), but I don't know how to get them as they're replaced and take their character codes for the HTML entities. The problem is, I don't know what to use in this case if anything.
If that explanation wasn't clear enough, I want it to be something like this (and this is obviously not going to work, it'll best convey what I mean):
Assuming x is the index of the character being replaced,
'<test></test>'.replace(/<|>/g,'$&'.charCodeAt(x))
Hopefully that makes more sense. So, is this actually possible in some way?
'<test></test>'.replace(/[<>]/g,function(a) {return '&#'+a.charCodeAt(0)+';';});
I've put the characters in a square-bracket-thing (don't know it's proper name). That way you can add whatever characters you want.
The above will return:
<test></test>