WrapIt

Há um tempo atrás, precisei de um plugin para limitar o texto em algum elemento html, abreviando o texto. Minha necessidade é limitar o texto baseado na quantidade de linhas que ele ocupa, por exemplo, quero que um objeto não tenha mais do que 3 linhas para que não ocupe muito espaço na página, porém, não quero scrolls nem overflow hidden, quero que ele seja abreviado com ‘…’

Assim, concebi esse pequeno plugin, chamado aqui de WrapIt, para realizar esse corte de acordo com o número de linhas passado como argumento. O fato de ser um plugin jQuery, é a facilidade de uso. Basta chamar como uma função num objeto jQuery, informando o número máximo de linhas desejado. Ele ainda depende que o objeto pai do texto esteja com os atributos fontSize e lineHeight estejão definidos em pixels (px), mas isso é bem fácil de definir com uma folha de estilos ou mesmo com o próprio jQuery.

Confira aqui uma demonstração das funcionalidades atuais, e Veja mais sobre o projeto (Releases, bugs, sugestões) na página do projeto dentro de jquery.com

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>