text without being highlighted as specified mark.js

I am experimenting with mark.js to highlight specific words in a string, but I have encountered an issue where not all the desired words are being highlighted. https://i.sstatic.net/NPSwo.png

<html>

<script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/7.0.0/mark.min.js"></script>
<body>
  <div>Hyundai Samsung car jeeps jeep jeep jeep Mercedes-Benz Nike Apple Nissan Scion!</div>
</body>

<script>
var brands =   ["car" , "jeeps" , "jeep"];

var instance = new Mark(document.querySelector("body"));

instance.mark(brands, {
    accuracy: "exactly",
    separateWordSearch: false
});


</script>

</html>

Answer №1

<script src="https://cdn.jsdelivr.net/npm/mark.js@8.11.1/dist/jquery.mark.es6.min.js"></script>

Adding this CDN link was the key to getting it to function properly.

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

The properties of a JSON object are not explicitly defined

When I make an AJAX call, I receive a JSON object and log it using this code: console.log(response); This is the response that gets logged in the console: {"filename":"new.jpg","orientation":"vertical"} However, when I try to access the orientation pro ...

Can we combine the template with the link function?

Imagine creating a custom directive like the example below: myModule.directive('myDirective', function () { return { template: "<p>hello</p>", link: function (scope, element, attributes) { element.text ...

Tips for storing dynamically added row data from an HTML table to a (csv/txt) file using C#

I am dynamically adding new rows to a table named "newDataTable" using the JavaScript function below: function addRow() { //add a row to the rows collection and get a reference to the newly added row var table = document.getElemen ...

React hooks causing dynamic object to be erroneously converted into NaN values

My database retrieves data from a time series, indicating the milliseconds an object spends in various states within an hour. The format of the data is as follows: { id: mejfa24191@$kr, timestamp: 2023-07-25T12:51:24.000Z, // This field is dynamic ...

What is the best way to link a newly created contact to the current user in Mongoose?

I'm faced with the challenge of creating a contact that is specifically added to the current user's contact array. Currently, my controller only creates a generic contact and doesn't cater to the individual user. Controller: function cont ...

Guide to sending a post request in Node.js using Mongoose

I recently tried to follow a tutorial (https://medium.com/weekly-webtips/building-restful-apis-with-node-js-and-express-a9f648219f5b) from 2 years ago to build an API. However, I'm struggling to update the code to work with more recent changes in the ...

Creating a MongoDB query using Mongoose to simulate JavaScript filtering operations (including filter and every) for searching with multiple terms

Introducing a New Search Feature In my current project, I am implementing a search functionality using MongoDB with Mongoose ODM. The existing codebase already has a search feature using JavaScript. Here is a snippet of the code: terms.every((term) => ...

Connect parent-child models with checkboxes

Currently, I am working on an application where I need to link checkboxes for a role-based menu. The challenge lies in dealing with parent-child checkboxes and ensuring that the values of checkboxes are checked based on user input 1, 1.1, 1.2, 2, 3. Despi ...

Arranging pre-selected checkboxes in MUI Datatable

I noticed that the checked data is appearing at the top of MUI data tables without any sorting. Checkbox In this image you can see that all the checked boxes are mixed up without any order. I would like to have all the checked rows displayed together and ...

Accessing HTML files locally in an offline web application: A step-by-step guide

I am currently in the process of developing a mobile web-based game. My goal is to implement a single-page design that can be accessed offline. I am looking to organize and store various HTML pages as files within a designated folder, and load them into a ...

What steps are needed to enable Azure AD authentication using msal-browser for a Next.js application in a production environment?

While testing my implementation of msal on localhost, everything runs smoothly. However, once deployed to an Azure App Service, the clientId or tenantID values appear to become undefined. I even attempted hardcoding the id strings into the file but still e ...

Utilizing multiple criteria to filter through a nested array

I am faced with an array structured as follows const treeObj = [ { id: 1, name: 'Section One', items: [ { id: 1, name: 'Section One Item One' }, { id: 2, name: 'Section One Item Two' }, ...

Determine if a link can be activated or disabled

Controlling the clickability of a link and displaying an error based on the result of an ajax call is my current objective. <a class="lnkCustomer" href="http://localhost/viewcustomer" target="_blank" data-customerno="2 ...

Is there an npm module available that can automate a daily task at a specified time in a Node.js environment?

Searching for an NPM Module to integrate into a Node.js application that can send notifications via email and SMS daily at 9am local time. Any suggestions or solutions would be greatly appreciated! ...

Encountering an issue with Google Picker API and Angular2: Error in executing 'postMessage' on 'DOMWindow' is preventing successful integration

Looking to incorporate the Google Picker API into my Angular 2 application. This is my HTML Code: <h1> {{title}} </h1> <button (click)="onApiLoad()">Click Me!</button> This is my Component Typescript Code: import { Component } ...

Issue: subscribe function is not definedDescription: There seems to be an

I'm currently trying to retrieve a value from an array based on a specific element, and then finding the exact matching element. Unfortunately, I've encountered an error with this.getProduct(name1: string) function even though I have already impo ...

What could be causing the npm server error in my Vue.js application?

After recently setting up Node.js and Vue.js, I decided to dive into my first project on Vue titled test. As part of the process, I attempted to configure the server using the command: npm run server However, I encountered the following error message: C ...

Retrieve the date and add one day to it

Currently, I am faced with the task of altering someone else's code, which is why I have to take a roundabout approach. Unfortunately, there are no other options available to me. In my jQuery script, I have a variable defined as var calc_date_to = jQ ...

What is the proper way to connect with the latest Set and Map objects?

Can Angular 1.* ng-repeat function with Set and Map new objects? Is there a roadmap to implement this integration? ...

When <li> elements are rendered via ajax, it is not possible to attach JavaScript Events to them

Hey there, I've got a drop down menu that's being shown using UL and LI tags. This is generated by a PHP script that echos out: '<li id='. $value .'>'.$value.'</li>' The JQuery function below works perf ...