Ventana emergente flotante de inspiración media para el texto seleccionado-WebClip
| Autor: | djyde |
|---|---|
| Views Total: | 1,985 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 7, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
WebClip es una biblioteca nativa de JavaScript que muestra una barra de herramientas flotante con iconos personalizados y acciones cuando el usuario selecciona un fragmento de texto. Inspirado en el editor de texto flotante de Medium.
¿Cómo funciona?
En primer lugar hay que incluir el JavaScript de WebClip & archivos CSS en la página HTML.
<link href="webclip.css" rel="stylesheet"> <script src="webclip.common.js"></script>
Incluya el Font awesome opcional para los iconos de la barra de herramientas.
<link rel="stylesheet" href="/path/to/font-awesome.min.css">
Cree un nuevo objeto WebClip.
var myDemo = new WebClip(document.querySelector('#demo')) Agregue iconos personalizados & acciones a la barra de herramientas flotante.
myDemo.use([...])
