Code ẩn/hiện đoạn văn bản khi vượt quá số ký tự quy định

Chủ đề: Javascript - Jquery    Người đăng: Hồ Ngọc Triển   
QR-Code: Code ẩn/hiện đoạn văn bản khi vượt quá số ký tự quy định


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet, nunc eget laoreet sagittis, quam ligula sodales orci, congue imperdiet eros tortor ac lectus. Duis eget nisl orci. Aliquam mattis purus non mauris blandit id luctus felis convallis. Integer varius egestas vestibulum. Nullam a dolor arcu, ac tempor elit. Donec.


Duis nisl nibh, egestas at fermentum at, viverra et purus. Maecenas lobortis odio id sapien facilisis elementum. Curabitur et magna justo, et gravida augue. Sed tristique pellentesque arcu quis tempor.


consectetur adipiscing elit. Proin blandit nunc sed sem dictum id feugiat quam blandit. Donec nec sem sed arcu interdum commodo ac ac diam. Donec consequat semper rutrum. Vestibulum et mauris elit. Vestibulum mauris lacus, ultricies.



Duisds nisl nibh, egestas at fermentum at, viverra et purus. Maecenas lobortis odio id sapien facilisis elementum. chickenCurabitur et magna justo, et gravida augue. Sed tristique pellentesque arcu quis tempor.


A quick brown fox jumps over a lazy dog


foo bar
 
Trong một số trường hợp bạn không muốn hiển thị ra tất cả đoạn văn bản, nó sẽ chiếm diện tích làm phiền đến người dùng. Giải pháp đặt ra là mặc định chỉ cho hiển thị đoạn văn với số ký tự nhất định, người dùng có nhu cầu đọc thì sẽ nhất “Xem đầy đủ”

Sử dụng:

Gọi hàm: 

$(element).shorten();

Cấu hình thay thế từ “More”. Bạn có thể thay bằng nội dung của bạn.
Ví dụ: Xem thêm

$(element).shorten({
    moreText: 'Xem thêm'
});

Tương tự cho moreText, khai báo lessText để thể hiện nội dung “Thu nhỏ”

$(element).shorten({
    moreText: 'Xem thêm',
    lessText: 'Đóng lại'
});

Mặc định hiển thị 100 ký tự đầu tiên, bạn có thể điều chỉnh lại thông số này.

$(element).shorten({
    showChars: 200,
});

Nguồn: https://github.com/viralpatel/jquery.shorten
 
Thảo luận