Web DesignBrasov

Shave – scurtare text

Shave – scurtare text: un plugin de javascript modern pentru trunchierea textului într-un element html. Extrem de util pentru descriere de produse in cadrul unui magazin online.

Shave este un plugin de javascript de dependenţă zero care trunchiază textul cu mai multe linii pentru a se încadra într-un element html bazat pe o setare maximă înălţime. Apoi stochează diferenţa şirului de text original într-un element <span> ascuns urmând textul vizibil. Această înseamnă că textul original rămâne intact!

Shave comparativ cu alte pluginuri de trunchiere:

• – menţine textul original după trunchiere
• – nu necesită alte biblioteci
• – necesită doar un selector şi o înălţime maximă
• – este foarte mic – ~ 1.5kb neminificata
• – permite şiruri de elipse personalizate şi numele claselor, dar nu complică
• – este rapid şi capabil de trunchierea textului în multe elemente
• – este aditiv. Acesta se va integra usor cu alte biblioteci javascript si se pot dezvolta si alte genuri de trunchieri
• – acceptă versiuni de limba fără spatii (non-ascii)

 

Instalarea cu un manager de pachete

NPM

npm i shave --save-dev

Bower

bower i shave --save-dev

Instalare

Adaugati dist/shave.js sau, dist/jquery.shave.js pentru jQuery/Zepto ca fiind Shave >= v2.

Utilizare

shave('selector', maxheight);

Shave are optiuni de a supra scrie numai ceea ce foloseste.

Deci daca doriti sa aveti nume de clasa customizate si sa nu folositi .js-shave:

shave('selector', maxheight, {classname: 'classname'});

Sau daca doriti sa aveti caractere customizate (in loc de ellipsis-ul standard):

shave('selector', maxheight, {character: '✁'});

Sau amandoua:

shave('selector', maxheight, {classname: 'classname', character: '✁' });

Download