My question is about fixing spacing issues in text, specifically sentences that lack spaces after a dot. For example:
See also vadding.Constructions on this term abound.
I also have URLs within the text, such as:
See also vadding.Constructions on this term abound. http://example.com/foo/bar
Locate and extract a URL while also identifying all other occurrences of dots and converting them to a dot followed by a space:
var re = /((?:https?|ftps?):\/\/\S+)|\.(?!\s)/g;
var str = 'See also vadding.Constructions on this term abound.\nSee also vadding.Constructions on this term abound. http://example.com/foo/bar';
var result = str.replace(re, function(m, g1) {
return g1 ? g1 : ". ";
});
document.body.innerHTML = "<pre>" + result + "</pre>";The regular expression for the URL - (?:https?|ftps?):\/\/\S+ - identifies patterns starting with http, https, ftp, or ftps, followed by :// and one or more non-whitespace characters (\S+). For more complex URL matching expressions, resources like Stack Overflow can provide useful insights. Check out What is a good regular expression to match a URL?.
Explanation of the process in more depth:
The regex
((?:https?|ftps?):\/\/\S+)|\.(?!\s)|) recognizing a dot that is not followed by whitespace (\.(?!\s)).
IMPORTANT: The use of (?!\s) serves as a negative lookahead assertion to locate a dot not succeeded by a space.
When utilizing string.replace(), it's possible to specify an anonymous callback function as the second argument to handle matches and captured groups. In this case, there's one match value (m) and one capture group value g1 (representing the identified URL). If the URL is found, g1 won't be null. Therefore, return g1 ? g1 : ". "; preserves group 1 if matched, replacing standalone dots with . otherwise.
If you want to target the period character that is not followed by two or three lowercase letters or a space, consider using RegExp
/(\.)(?!=[a-z]{2}\/|[a-z]{3}\/|\s+|$)/g"To learn more about this subject, check out myriad resources available online at http://example.com/foo/bar"
.replace(/(\.)(?!=[a-z]{2}\/|[a-z]{3}\/|\s+|$)/g, "$1 ")
Using inspiration from @MarcelKohls
var phrase = "Explore more: Resources about this topic are widely available. http://sample.com/foo/bar";
var url_pattern = /(\bhttps?:\/\/(?:(?:(?!&[^;]+;)|(?=&))[^\s"'<>\]\[)])+\b)/gi;
phrase = phrase.split(url_pattern).map(function(phrase) {
if (phrase.match(url_pattern)) {
return phrase;
} else {
return phrase.replace(/\.([^ ])/g, '. $1');
}
}).join('');
document.body.innerHTML = '<pre>' + phrase + '</pre>';Try implementing this regular expression:
/\.(?! )((?:ftp|http)[^ ]+)?/g
I am attempting to create a Hello World app following the Vue.js site's get started documentation. Everything seems to be in order, but only the HTML code is being displayed on the page. Vue version: 1.0.26 Below is the HTML code: <!DOCTYPE ht ...
Looking for assistance with my createJS issue. var stage = new createjs.Stage(canvas); Encountering the following error : angular.js:13642 ReferenceError: createjs is not defined, even though I have EaselJS in my bower-components. Appreciate any hel ...
I encountered an error message in my console while attempting to create a data visualization using d3. The specific error is as follows: Error: <g> attribute transform: Expected number, "translate(NaN,NaN)". To build this visualization, I ...
Here is the JSON structure provided: [{ "_id" : ObjectId("626204345ae3d8ec53ef41ee"), "categoryName" : "Test Cate", "__v" : 0, "createdAt" : ISODate("2022-04-22T01:26:11.627Z"), "items" : [ { ...
My goal is to extract all file names from an SQLite text dump using Ruby. I don't have much experience with regex and I need a solution for extracting image file dumps from the SQLite dump so that I can read and write to another file. The challenge li ...
Is it possible to change the drop zone's background color to green or red based on whether the dragged payload contains supported file types (JPEG)? Do Gecko and Webkit browsers have the ability to determine the file type of drag and drop files? ...
I have created a login/logout form that includes the option to delete my account. When I click the "Sterge cont" button, a pop-up window appears asking if I truly want to delete the account. If I select "NU," the account will not be deleted and the window ...
I am working on implementing a Navbar in my current Project. The dependencies I am using are: mui/icons-material: ^5.2.5 mui/material: ^5.2.6 mui/styles: ^5.2.3 Here is the folder structure of my project: Root.jsx Navbar.jsx styles ...
I recently started using Next, and I've encountered an issue. There is a static JSON file located in the root of my project directory, structured as follows: {"data":[{"id":1,"attributes":{"name":"Test Prod ...
Trying to figure out how to pass the text from a textarea into the source attribute of an image tag while retaining all formatting, including line breaks. After some research, it seems that the best way to accomplish this is by base 64 encoding the text a ...
My HTML file has a babel script embedded within it. <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>React tutorial</title> <script src="https://unpkg.com/react@16/umd/react.development.js" ...
In my Node.js HTTP server, I am using 'connect' to build a web service that currently parses JSON requests into an Object, performs operations, and returns a synchronous response. The JSON data comes from an ecommerce cart and results in an Objec ...
I am using Vue and have a method in my file called load.js. async function loadTask(x) { return await x; // Some async code } export { loadTask }; In one of my Vue components, I call the method but encounter an issue where the use of await prevents the ...
When creating numerous directives with dynamic scope variables initialized in the link functions, accessing these values within the directive templates can get tricky. For example: // link: function(scope, ele, attr){ scope.key = scope.somevar + 's ...
Picture: I am working on a design with a yellow container div that I want to keep at 50% width of the window. Inside this container is a purple image div that stretches to 100% of the parent container's width, and there is a pink sticky label positi ...
I am currently working on a project where I need to figure out how to mock server-side requests. While I have successfully managed to mock client-side requests using request hooks, I am facing challenges when it comes to intercepting server-side requests ...
Recently, I've been exploring the concept of nested HTML in Bootstrap. While following a tutorial on using Popovers, I encountered the following code; <button id="btn3" type="button" class="btn btn-primary show" ...
In my current project developed with Next.js, I am utilizing the react-places-autocomplete package to enhance user experience. One specific requirement I have is to filter out location suggestions for India only, excluding all other countries. Despite att ...
Here is some HTML code that I have: <div class="form-group"> <input type="text" class="sequence valid"> </div> <div class="form-group"> <input type="text" class="sequence valid"> </div> <div class="som ...
I'm encountering an issue where the value from an AJAX post always turns out empty. Even after confirming that the value is correct before the post, I'm unable to retrieve it using $this->input->post() HTML <?php if ($product_info-> ...