Biblioteca de uso compartido de selección de texto de estilo mediano-compartir-esta

Tiempo de ejecución: 30 minutos. Empezar

Autor: MaxArt2501
Views Total: 1,673
Sitio oficial: Ir a la web
Actualizado: October 5, 2018
Licencia: MIT

Vista prévia

Biblioteca de uso compartido de selección de texto de estilo mediano-compartir-esta

Descripción

compartir-esta es una biblioteca de JavaScript para crear un panel flotante de estilo medio para compartir las selecciones de texto en las redes sociales (Facebook, Twitter, LinkedIn, Reddit y correo electrónico).

Instalación

# Yarn
$ yarn add share-this

# NPM
$ npm install share-this --save

Funcionamiento

Incluya la hoja de estilos compartir-this ' en la sección head del documento HTML.

<link href="dist/share-this.css" rel="stylesheet" type="text/css">

Incluya el archivo JavaScript principal ' Share-this. js ' y las redes sociales de su elección al final del documento.

<script src="dist/share-this.js"></script>
<script src="dist/sharers/email.js"></script>
<script src="dist/sharers/facebook.js"></script>
<script src="dist/sharers/linked-in.js"></script>
<script src="dist/sharers/reddit.js"></script>
<script src="dist/sharers/twitter.js"></script>

Inicializar el recurso compartido-esto como sigue:

ShareThis({

sharers: [ ShareThisViaTwitter, ShareThisViaFacebook, ShareThisViaReddit, ShareThisViaLinkedIn, ShareThisViaEmail ],

selector: "article"
}).init();

Todas las opciones posibles con valores predeterminados.

ShareThis({

document: document,

popoverClass: 'share-this-popover',

selector: 'body',

shareUrl: document.body,

transformer: raw => raw.trim().replace(/\s+/g, " ")
})

Funciones de devolución de llamada disponibles.

ShareThis({

onOpen: function(){},

onClose: function(){}
})

Registro de cambios

10/05/2018

  • v1.2.2

Te puede interesar: