Handy-Highlight
A very handy tool to highlight the text & do fun with it - Inspired by Medium. Demo below!! 🎯🎯🎯
Ecosystems:
JavaScript
Handy-Highlight
A very handy tool for highlighting the text & having fun with it - Inspired by Medium. Demo below!!
Quick links
Usage
-
Install with
npmorYarn.npm install handy-highlightor
yarn add handy-highlight -
Add these
divsto your markup.<div id="cal1"> </div> <div id="cal2"> </div> <div id="handy-tooltip"></div> -
Copy everything of
/highlight.cssinto your stylesheet. -
Here comes the fun part. Should be used on
mouseupfunction onwindowobject.import Highlight from 'handy-highlight' window.onmouseup = function(){ Highlight({ onclick: function(){ /*YOUR STUFF HERE*/ }, // is executed when div is clicked text: "<b>Hello, World</b>" // Ignore this property if you want div's text to be highlighted text }); }
Demo
Visit this link for the demo!!
API
Highlight(options:Object)
options = {
extraTop:Number,
extraLeft:Number,
text:String,
onclick:Function
}
Thnx for reading!!
Package Rankings
Top 19.42% on Npmjs.org