Pattern Matching for Text Content Excluding Anchor and Image Tags

I am in need of a regular expression that can specifically match the text "my company" within a string, while excluding occurrences within image or anchor tags.

My current attempt is failing with this expression:


/(?!]<em>?>)(my company)(?![^<]</em>?</a>)|(?!]<em>?>)(my company)(?![^<]</em>?</a>)/i

The issue lies with the above pattern matching "my company" within figtitle="test my company testing". This should be avoided.

The string I am working with looks like this:


<img fid="32" class="imgClick img-report img-responsive" figkey="rId52" figtitle="test my company  testing"> my company <a src="http://my company"> my company</a>

Testing ongoing at:

Answer №1

At last, I have achieved success..!


    let businessName = 'ABC Corporation';
    let searchStr = '([\\s|\\r\\n|>])(?!?>)('+businessName+')(?![^<<]?</a>)([\\s|\\r\\n|>])';
    let regexExp = new RegExp(searchStr,"gi");
    data = data.replace(regexExp, substitute);

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Error: Invariant violation - App component did not return anything in the render method

I am facing an issue while attempting to render a component based on the promise returned from AsyncStorage. The error message I receive is: Error: Invariant Violation: App(...): No content was returned from the render method. This typically indicates ...

The onbeforeunload event should not be triggered when the page is refreshed using a clicked button

Incorporated into my webpage is a sign-up form. I would like it to function in a way that if the user accidentally refreshes, closes the tab, or shuts down the browser after entering information, a specific message will appear. <input type="text" place ...

Displaying stack traces in a request using HttpInterceptor in Angular 9

I have created an HttpInterceptor and I would like to print the stack trace of the functions involved in making the request for development purposes: import { Injectable } from '@angular/core'; import { HttpRequest, HttpHandler, HttpEvent, ...

Disallow/bound the position of the marker on Google Maps

Is there a way to restrict the placement of markers on a map? I am looking for a solution that allows me to limit the marker position within a specific area, such as a town, with a radius of 10km. It should prevent users from dragging or creating new mark ...

Implement a vertical scrolling animation in datatables

I am trying to utilize datatables to display all data. My goal is to have the data automatically scroll row by row every 3 seconds. This is my code, and you can also check it out on jsfiddle The intention is to showcase this data on a large screen. < ...

Implementing Cross-Origin Resource Sharing (CORS) in Express.js to facilitate communication between various ports

Struggling to make API calls using React and Axios from my front end (localhost:3000) to my back end (localhost:4567) is proving challenging. The consistent error message I encounter is: The CORS policy is blocking access to XMLHttpRequest at 'localh ...

What is the step-by-step process for incorporating the `module` module into a Vue project?

ERROR Compilation failed with 6 errors 16:20:36 This specific dependency could not be located: * module in ./node_modules/@eslint/ ...

Is it possible to have a div set to close upon loading the page?

Is there a way to have the toggle function set up so that when the page loads, the div being toggled starts out closed? I don't want them to be visible until clicked on. Best regards, Joey <script type="text/javascript> $(document ...

Uncover the hidden message in a string encoded for JavaScript

This encoded HTML code is intended for use in a JavaScript function <div class=\"ProductDetail\"><div style=\"width:780px\">\r\n\t<div class=\"baslik\" style=\"margin: 0px; padding: 5px 10px ...

What could be causing my external JavaScript file to not function properly upon loading my HTML file?

I have organized my code by separating the HTML and JavaScript portions. The JavaScript code is now in its own separate file and I use 'script' tags to reference it in the HTML file. Within the JavaScript code, I have two functions - one creates ...

Error in Angular 2: The requested URL https://imgur-apiv3.p.mashape.com/ cannot be loaded. The use of a wildcard '*' is not allowed in the 'Access-Control-Allow-Origin' header

I'm attempting to upload an image using the imgur API at: . However, I keep encountering this error: XMLHttpRequest cannot load . A wildcard '*' cannot be used in the 'Access-Control-Allow-Origin' header when the credential ...

Securely verifying secret and payload with HMAC in Symfony version 5.4

My current JavaScript code is executing a POST API call to my designated endpoint: const payload = { course: args, recipient: roomId }; const signature = this.calculateSignature(JSON.stringify(payload), secret); const response = await fetch(`https:/ ...

Implementing jQuery UI autocomplete with AJAX for dropdown menu

Having an issue after selecting an option <select name="opcoes" onchange="showInfo(this.value)"> <option value="1">one</option> <option value="2">two</option> </select> An option value is sent through this function sh ...

The binding on an AngularJS page is only retained by the final directive applied

Having a few directives that need to be reused as elements, I've decided to implement scope isolation. Each directive is associated with its own controller, which retrieves data from MongoDB based on the URL. The issue I'm facing is that only th ...

Calculating the difference between the old scrolltop and the new scrolltop in jQuery/Javascript

I have a seemingly straightforward question, yet I am struggling to find a solution. Each time a user scrolls, the scrollTop value changes. I want to subtract the previous value from the new value of the scrollTop. However, I am unsure how to store the old ...

"Implementing a Drop-Down Menu within a Text Field using Bootstrap

I'm looking to integrate a dropdown menu within my text input field with the help of Bootstrap: <script type="text/javascript"> $(document).ready(function(e) { $('.selectpicker').selectpicker(); $('div.cow&apo ...

How can I briefly alter the background color of a view in React Native for just 1 second each time the state is modified?

Is it possible to briefly change the background color of a view and then revert back to its original color whenever the state changes in React Native? How can this challenge be tackled? Is it necessary to monitor the previous state, compare it, and imple ...

Is it possible to implement a page transition using preact?

I've been experimenting with creating a page transition using preact-router. I attempted to use the preact-transition-group package along with the preact-css-transition-group package, but encountered an error. Despite this, here is my basic setup: imp ...

Is there a way to determine if an app is installed on a phone using Javascript within Safari on iOS 9 or later?

Prior to iOS 9, one method of determining whether an app was installed on an iPhone using javascript involved utilizing a custom URI scheme followed by a timeout: window.location = "yourapp://"; setTimeout(function() { window.location = "h ...

Issue: Compilation unsuccessful due to an error in the Babel loader module (./node_modules/babel-loader/lib/index.js). Syntax error

I'm currently exploring how to integrate the Google Maps Javascript API into my VueJs project without relying on the vue2-google-maps package (as it seems too restrictive to me). Here's what I've done so far, after registering my Vue compon ...