Я написал jquery, чтобы добавить читать далее/читать меньше после 250 символов. Я осуществил следующий запрос:Подробнее/Меньше использования jquery без потери html
var minimized_elements = $('.field-type-text-with-summary .field-items');
var minimize_character_count = 250;
minimized_elements.each(function(){
var TextContent = $(this).text();
var TextContentLenght = TextContent.length;
var t = $(this).html();
if(t.length < minimize_character_count) return;
$(this).html(
t.slice(0,minimize_character_count)+
'<span>...</span>'+'<a href="#" class="read_more" style="color:#FF8403;">Read more</a>'+
'<span style="display:none;">'+ TextContent.slice(minimize_character_count,TextContentLenght)+' '+'<a href="#" class="read_less" style="color:#FF8403;">Read less</a></span>'
);
});
$('a.read_more', minimized_elements).click(function(event){
event.preventDefault();
$(this).hide().prev().hide();
$(this).next().show();
});
$('a.read_less', minimized_elements).click(function(event){
event.preventDefault();
$(this).parent().hide().prev().show().prev().show();
});
Но моя проблема заключается в том, что этот скрипт удалить все HTML-теги, например, если текст содержит полужирный или подчеркнутый символы, показывающие, что весь текст в виде обычного текста. Я хочу читать больше/читать меньше со всем формированием. Пожалуйста, предложите. Тонны благодарности заранее.
я изменил $ (это) .html ( t.slice (0, minimize_character_count) + ' ... '+' Read more' + « '+ t.slice (minim_character_count, TextContentLenght) +' & nbsp '+' Read less ' ); Но после этого чтение меньше не работает должным образом и начинает показывать с помощью более подробной информации. Предоставьте что-то, что не нарушит существующий скрипт. – Rajan
Я редактировал свой пост. –
Его немного сложно сохранить, сохраняя HTML даже для строки, которая была обрезана, и это настоящая проблема. Не могу это понять! – Rajan