1.0.2 • Published 6 years ago
handy-highlight v1.0.2
Handy-Highlight
A very handy tool for highlighting the text & having fun with it - Inspired by Medium. Demo below!!
Quick links
Usage
Install with
npm
orYarn
.npm install handy-highlight
or
yarn add handy-highlight
Add these
divs
to your markup.<div id="cal1"> </div> <div id="cal2"> </div> <div id="handy-tooltip"></div>
Copy everything of
/highlight.css
into your stylesheet.Here comes the fun part. Should be used on
mouseup
function onwindow
object.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!!