jTruncate Text
jTruncate es un plugin jQuery que ofrece truncamiento simple y personalizable para las entidades de texto en tu página web. jTruncate le permite personalizar casi todos los aspectos de la operación de truncamiento.
Puede ser de gran utilidad cuando tenemos descripciones o textos muy extensos y no queremos que se genere tanto scroll al entrar en la página. Con la utilización de este plugin, podemos acortar ese texto o descripción con opción de mostrarla entera.
Su implementación es muy sencilla, deberás descargarte el script e invocarlo en el <head> de vuestra página junto con el plugin jQuery:
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="jquery.jtruncate.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#example1').jTruncate({
length: 200,
minTrail: 0,
moreText: "Ver mas",
lessText: "Ocultar"
});
});
</script>
En este caso, estaremos limitando el texto a 200 caracteres.
En el <body> tan solo lo siguiente:
<div id="example1">Aqui tu texto largo...</div>
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
82 artículos que te podrían interesar
Ver más sobre
Deja una respuesta