Обрезать текст многострочный текст?

Question

[TheBott]

Как обрезать многострочный текст на jQuery (желательно по кол-ву символов), так чтобы в конце ставилось " ... "и кнопка с надписью "Далее". При нажатии на которую появлялся полный текст

Comments

[Александр]

Показывайте подготовленный короткий текст до нажатия на "Далее", и длинный - после.

[Andrew]

Можно сделать скрипт, который будет брать нужный текст и смотреть длину, потом резать и добавлять эту кнопку+оборачивать остаток.
Но я бы делал как написал Александр , потому что, если это половина слова? или свой дизайн.
Если у вас больше 10 блоков таких - то есть смысл, в остальном копипэйст практичнее.
P.S. гуглить работу со строками, регулярки и "show more" скрипты

Answer 1

[Eugene Chefranov]

https://jedfoster.com/Readmore.js/

Answer 2

[Владимир Коротенко]

TheBott учтите что с плагинами проблема, пока не загрузится вся страница, это не сработает, будет большой кусок текста. Так что лучше изменить разметку и получить универсальное решение, второй пример вообще на css

https://www.w3schools.com/howto/howto_js_read_more.asp
https://codepen.io/Idered/pen/AeBgF

Answer 3

[Максим]

Добрый день. Если не нужна поддержка IE, то можешь попробовать использовать CSS свойство -webkit-line-clamp, оно обрежет лишний текст, а вставку кнопки уже можно реализовать средствами JS определяя длину (length) самой строки.