If you have been looking for some utility which could assist in highlighting the text or paragraph on the web or HTML pages, here is a new Javascript kid in the town. It is called as LuminJS.
LuminJS is a Javascript library which could help in achieving some of the following objectives:
Here is the Github page for LuminJS.
Execute the following command:
npm install --save lumin
Let’s say there is an HTML div element like following:
<body> <div class="demo"> <div class="title">This is Demo App for LuminJS</div> Hello World! How are you doing? </div> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%3D%22.%2Flumin.min.js%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%3E%0A%20%20%20%20const%20demo%20%3D%20document.querySelector('.demo')%3B%0A%20%20%20%20const%20luminator%20%3D%20lumin(demo)%3B%0A%20%20%20%20luminator.start(5000)%3B%0A%20%20%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" /> </body>
In order to Highlight above div element and its child nodes, pay attention to the code used for highlighting:
const demo = document.querySelector('.demo'); const luminator = lumin(demo); luminator.start(5000);
In this post, you learned about how to use LuminJS to highlight text or paragraphs on the web page.
Did you find this article useful? Do you have any questions or suggestions about this article? Leave a comment and ask your questions and I shall do my best to address your queries.
In recent years, artificial intelligence (AI) has evolved to include more sophisticated and capable agents,…
Adaptive learning helps in tailoring learning experiences to fit the unique needs of each student.…
With the increasing demand for more powerful machine learning (ML) systems that can handle diverse…
Anxiety is a common mental health condition that affects millions of people around the world.…
In machine learning, confounder features or variables can significantly affect the accuracy and validity of…
Last updated: 26 Sept, 2024 Credit card fraud detection is a major concern for credit…