Вы находитесь здесь:Плагины jQuery»liTextLength - jQuery Substring Text или обрезание лишних символов

liTextLength - jQuery Substring Text или обрезание лишних символов

Воскресенье, 05 Август 2012 01:37 Автор 
effect liTextLength - jQuery Substring Text или обрезание лишних символов

Плагин liTextLength пригодится для вывода краткого описания новостей, товаров, фотографий, комментариев или результатов поиска. Работа плагина заключается в том что он оставляет лишь заданное количество символов в текстовом блоке, а остальное содержание (лишний текст) прячет либо удаляет в зависимости от настроек.

Пример работы на JSFIDDLE

Подключаемые файлы

Инициализация плагина

Структура HTML


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim venia quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Прочитано 21503 раз Последнее изменение Воскресенье, 30 Март 2014 17:15
Оцените материал
(5 голосов)
Теги

Похожие материалы (по тегу)

Другие материалы в этой категории: « liQuotes - jQuery Quotes или замена кавычек на "елочки" liBlockSIze - jQuery Block Size или выравнивание размеров блоков »

Комментарии   

 
Sergey
# Sergey 07.11.2012 14:38
Бодрое время суток товарищи.

Дело вот в чем..
Все, что находится внутри class="pr" очищается (сбрасываются стили).
Подскажите пожалуйста как это поправить?
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 07.11.2012 15:31
Цитирую Sergey:
Бодрое время суток товарищи.

Дело вот в чем..
Все, что находится внутри class="pr" очищается (сбрасываются стили).
Подскажите пожалуйста как это поправить?

У вас видимо внутри class="pr" находятся другие теги со своими свойствами.
Если это теги типа (B,STRONG,EM,I) , ими придется пожертвовать. А если у вас внутри class="pr" более сложная структура тегов, то вам нужно подключить плагин к одному из дочерних элементов, в котором непосредственно находится текст.
Сохранить теги разбросанные по тексту не удастся к сожалению. Возможно в следующей версии этот функционал будет реализован
Ответить | Ответить с цитатой | Цитировать
 
 
Sergey
# Sergey 08.11.2012 07:51
Цитирую LiMasscode:

У вас видимо внутри class="pr" находятся другие теги со своими свойствами.
Если это теги типа (B,STRONG,EM,I), ими придется пожертвовать. А если у вас внутри class="pr" более сложная структура тегов, то вам нужно подключить плагин к одному из дочерних элементов, в котором непосредственно находится текст.
Сохранить теги разбросанные по тексту не удастся к сожалению. Возможно в следующей версии этот функционал будет реализован

Спасибо большое.
Ответить | Ответить с цитатой | Цитировать
 
 
Тимофей
# Тимофей 28.09.2013 14:38
Пожалуйста можно по подробнее, что куда нужно положить и что куда прописать, а то ни как не получается. Хотел к товарам в категории virtumart при делать. css прописал в tamplate_css.cs s, оба файла Js положил в папку JS шаблона, html прописал в categoty\defaul t.php в index.php прописал "подключаемые файлы". Не работает, что не так сделал?
Ответить | Ответить с цитатой | Цитировать
 
 
Тимофей
# Тимофей 28.09.2013 15:52
Вроде разобрался. :) Спасибо за статью.
Ответить | Ответить с цитатой | Цитировать
 
 
Тимофей
# Тимофей 29.09.2013 17:33
Спасибо все работает. Только проблема с многоточием.Оно выглядит так ... ...
читать далее. А когда раскрываешь, то оно не исчезает. И получается так ... ... ... ... здесь расположен скрытый текст.
Убираешь его из afterLength: все работает, но без многоточия.
Можете подсказать в чем может быть проблема?
Ответить | Ответить с цитатой | Цитировать
 
 
Тимофей
# Тимофей 29.09.2013 17:42
Да и еще когда раскрыл вот так отображается:
"полный текст полный текст полный текст полный текст
скрыть полный текст"
Ответить | Ответить с цитатой | Цитировать
 
 
Тимофей
# Тимофей 30.09.2013 18:43
В продолжении к предыдущим вопросам. Выгрузил все на хостинг. Пожалуйста посмотрите если есть возможность. Проблема осталась. Сайт http://bolmag.ru/
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 01.10.2013 09:41
Цитирую Тимофей:
В продолжении к предыдущим вопросам. Выгрузил все на хостинг. Пожалуйста посмотрите если есть возможность. Проблема осталась. Сайт http://bolmag.ru/

Вы вставили в код инициализацию одного элемента ".pr" несколько раз - вот и имеете проблемы.
Если класс у нужного элемента с текстом везде одинаковый, то инициализироват ь плагин достаточно один раз.
Ответить | Ответить с цитатой | Цитировать
 
 
Тимофей
# Тимофей 01.10.2013 16:00
Уф...Разобрался .
Ответить | Ответить с цитатой | Цитировать
 
 
Тимофей
# Тимофей 18.11.2013 13:57
Добрый день.
У меня очередная проблема с этим плагином.
Почему-то когда я загружаю страницу сначала загружается весь отображаемый текст, а затем плагин его обрезает до указанного значения. Проблему можно увидеть на указанном сайте.
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 19.11.2013 07:19
Цитирую Тимофей:
Добрый день.
У меня очередная проблема с этим плагином.
Почему-то когда я загружаю страницу сначала загружается весь отображаемый текст, а затем плагин его обрезает до указанного значения.

Это происходит потому что скрипт загружается позже кода страницы (и вашего текста).
Могу лишь предложить скрыть текст изначально и показывать его только тогда, когда он уже обрезался.
Вот пример: http://jsfiddle.net/6FYqf/20/
Ответить | Ответить с цитатой | Цитировать
 
 
Тимофей
# Тимофей 19.11.2013 17:20
Так другая проблема возникает. Если текст короче указанного в значении length:, то он его просто не отображает.
Цитирую LiMasscode:
Цитирую Тимофей:
Добрый день.
У меня очередная проблема с этим плагином.
Почему-то когда я загружаю страницу сначала загружается весь отображаемый текст, а затем плагин его обрезает до указанного значения.

Это происходит потому что скрипт загружается позже кода страницы (и вашего текста).
Могу лишь предложить скрыть текст изначально и показывать его только тогда, когда он уже обрезался.
Вот пример: http://jsfiddle.net/6FYqf/20/

Добрый день.
У меня очередная проблема с этим плагином.
Почему-то когда я загружаю страницу сначала загружается весь отображаемый текст, а затем плагин его обрезает до указанного значения. Проблему можно увидеть на указанном сайте.
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 19.11.2013 22:21
Цитирую Тимофей:
Так другая проблема возникает. Если текст короче указанного в значении length:, то он его просто не отображает.

А, ну да :)
Тогда так: http://jsfiddle.net/6FYqf/22/
Ответить | Ответить с цитатой | Цитировать
 
 
Laskasas
# Laskasas 01.07.2015 16:14
var linkInBlock = $('.user_link_in_view').attr('href');
$("linkInBlock").liTextLength({
length: 30,
afterLength: '...',
fullText:false
});


Такой код не работает. Ошибок в консоли нет, но все осталось без изменений. А если пишу $('.user_link_i n_view').attr(' href').liTextLe ngth({ ........

То вылетает куча ошибок в консоли
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 07.08.2015 15:30
Цитирую Laskasas:
var linkInBlock = $('.user_link_in_view').attr('href');
$("linkInBlock").liTextLength({
length: 30,
afterLength: '...',
fullText:false
});


Такой код не работает. Ошибок в консоли нет, но все осталось без изменений. А если пишу $('.user_link_in_view').attr('href').liTextLength({ ........

То вылетает куча ошибок в консоли

Плагин нужно применять к блоку с текстом, а не к тексту
Ответить | Ответить с цитатой | Цитировать
 
 
Максим Дотошный
# Максим Дотошный 03.11.2015 22:09
... вы ... занимаетесь? Работать бы лучше, ... пошли :(
Автор статьи красавчик :)
Ответить | Ответить с цитатой | Цитировать
 
 
Вячеслав
# Вячеслав 22.01.2016 21:52
Подскажите, пожалуйста, как сделать так, чтобы текст был не в одну строчку, а абзацами?
Спасибо!
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 24.01.2016 17:38
Цитирую Вячеслав:
Подскажите, пожалуйста, как сделать так, чтобы текст был не в одну строчку, а абзацами?
Спасибо!

Если имеете ввиду текст, который имеем на выходе, то никак
Ответить | Ответить с цитатой | Цитировать
 
 
Вячеслав
# Вячеслав 27.01.2016 23:04
Спасибо за ответ. Очень жаль, что нельзя в одну строчку.
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 04.02.2016 14:58
Цитирую Вячеслав:
Спасибо за ответ. Очень жаль, что нельзя в одну строчку.

Наоборот
Ответить | Ответить с цитатой | Цитировать
 
 
Дмитрий
# Дмитрий 31.03.2016 14:26
Подскажите, у меня внетри тега тег ,
текст который нужно обрезать находиться тоже внутри .
При использовании этого плагина, пропадает изображение, а текст обрезается и смещается на место картинки, можно это как-то исправить?
Ответить | Ответить с цитатой | Цитировать
 
 
Дмитрий
# Дмитрий 31.03.2016 17:09
Цитирую Дмитрий:
Подскажите, у меня внетри тега тег ,
текст который нужно обрезать находиться тоже внутри .
При использовании этого плагина, пропадает изображение, а текст обрезается и смещается на место картинки, можно это как-то исправить?

Внутри тега (А) тег (IMG)
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 11.04.2016 01:38
Плагин предназначен для работы с текстом а не с тегами.
Ответить | Ответить с цитатой | Цитировать
 
Наверх
Онлайн-конструктор українського орнаменту

Чем вы можете помочь?

1. Разместить ссылку на своем сайте
Если вы ведете блог или у вас есть сайт - поставьте ссылку на www.masscode.ru. Скопируйте этот код:

<a href="/" title="Плагины, сниппеты и пользовательские скрипты на jquery" target="_blank">Плагины, сниппеты и пользовательские скрипты на jquery</a>

2. Поддержать проект финансово
Вы можете сделать добровольное пожертвование

AUH: U878157792792
USD: Z821422743261
RUB: R360648948582
EUR: E298388086680

Свежие материалы

Последние коментарии

Чудо облако

Вы находитесь здесь:   ГлавнаяjQueryliTextLength - jQuery Substring Text или обрезание лишних символов