WebClip
Plugable popup in browser. Inspired by PopClip and Medium
Demo
http://djyde.github.io/WebClip
Installtion
$ npm install webclip
Usage
let webclip = document const google = name: 'Google' description: 'Search on Google' { // `value` is the selected content window } const bing = name: 'Bing' description: 'Search on Bing' { window } webclip
WebClip will pass the Range in action(). You can use it to do a lot, such as wrapping a highlight wrapper:
const highlight = name: 'highlight' description: 'Highlight content' { const $highlight = document $highlightstylebackgroundColor = 'rgba(92,255,160,.5)' // or just add a class // $highlight.classList.add('your-class') range } webclip
You can config a font-awesome icon for a plugin, instead of the uppercase-first-character:
const highlight = name: 'highlight' description: 'Highlight content' icon: 'pencil' { const $highlight = document $highlightstylebackgroundColor = 'rgba(92,255,160,.5)' // or just add a class // $highlight.classList.add('your-class') range } const remove = name: 'remove' description: 'Remove content' icon: 'trash' { range } webclip
License
MIT License