Element. innerText o < a href = "https://developer.mozilla.org/en-US/docs/Web/API/Document/createTextNode" target = "_ blank" rel = "noopener" > TextNode. Data ."> Element. innerText o < a href = "https://developer.mozilla.org/en-US/docs/Web/API/Document/createTextNode" target = "_ blank" rel = "noopener" > TextNode. Data .">

Limite el texto largo a X Lines-omitter. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: Tikubonn
Views Total: 400
Sitio oficial: Ir a la web
Actualizado: August 30, 2018
Licencia: MIT

Vista prévia

Limite el texto largo a X Lines-omitter. js

Descripción

omitter. js es un plugin de truncamiento de texto de JavaScript rápido para limitar su texto largo a un número específico de líneas usando < a href = "https://developer.mozilla.org/en/docs/Web/API/Node/innerText" target = "_ blank" rel = "nofollow noopener" > Element. innerText o < a href = "https://developer.mozilla.org/en-US/docs/Web/API/Document/createTextNode" target = "_ blank" rel = "noopener" > TextNode. Data .

Funcionamiento

Inserte la hoja de estilos ' omitter. css ' y JavaScript ' omitter. js ' en el documento.

<link href="omitter.css" rel="stylesheet">
 <script src="omitter.js"></script>

Cree un nuevo objeto Omitter y especifique el contenedor de texto, el número de líneas y el carácter de puntos suspensivos de la siguiente manera:

var textContainer = document.querySelectorAll(".omitter-target");
var omitter = new Omitter(textContainer, 5, "..."); // limit to 5 lines.

Truncar el texto.

omitter.omit();

Desactive el omitter.

omitter.unomit();

Actualice el omitter.

omitter.update();

Alterne el omitter.

omitter.toggle();

Te puede interesar: