Спойлер на сообщениях и автоматическое уменьшение картинки

  • updated
  • Completed

1. Можно чтобы в теме топики были сокращены и у них была кнопка спойлера "Читать еще" или аналог?

2. Есть ли такая возможность при вставке любого изображения, после подтверждения автоматически уменьшать его, до приемлемых размеров? А то сейчас размер картинки не регламентируется вроде как.

Sergey Stukov
  • Answer
  • Under review

1. Уточните вопрос

Что такое в теме? На списке топиков?

Дайте скриншот или хотя бы ссылку на страницу,где необходимо: чтобы топики были сокращены.

У топик листов у нас есть возможность выбрать подобный режим.

2. Речь идет о размере занимаемом на диске или размерах отображения (ширина и высота)?

Алексей

1. Вот здесь https://forum.andromedic.ru/communities/1/topics/148-uvelichenie-chlena-otzyivyi и еще у нас есть ветки где было бы полезно спойлеры у длинных сообщений делать. Можно такую функцию чтобы мы выборочно делали на сообщения? Если нет, то применялась ко всем сообщениям.

2. Речь идёт о размерах отображения (ширина и высота).

Vladimir Mullagaliyev
  • Completed
Quote from Алексей

1. Вот здесь https://forum.andromedic.ru/communities/1/topics/148-uvelichenie-chlena-otzyivyi и еще у нас есть ветки где было бы полезно спойлеры у длинных сообщений делать. Можно такую функцию чтобы мы выборочно делали на сообщения? Если нет, то применялась ко всем сообщениям.

2. Речь идёт о размерах отображения (ширина и высота).

1. В меню редактора "Параграф" есть пункт "Спойлер", который скрывает часть текста. Но это скорее всего Вам не подойдет. Вам нужно написать стиль, который скроет текст коммента больше определенного и добавить линк, который будет показывать этот текст.

Мы добавили Вам вот такой код в кастомный JS. Он делает примерно то, что Вам нужно.


<script>
// limit comment height and add "show more" link to specific topic comments (topic 148)
initqueue.push(function(){
var max_height=100;
    // check if this is a topic we need
    if ($('.module-topic #topic-148').length > 0){
        $('.module-comments .comment-text').each(function(index){
            var c_height = $(this).height();
            if (c_height > max_height){
                $(this).css("max-height", max_height+"px");
                $(this).after("<center style='padding:10px'><a class='b-comment-more' style='cursor:pointer;'>Показать еще</a></center>")
            }
        });
        
        $(".b-comment-more").click(function(){
            var obj = $(this).parent(); // <center> object
            obj.prev().css("max-height", "initial");
            obj.hide();
            return false;
        });
    }
})
</script>


2. Вы можете менять размеры изображения через редактор или прописать стиль, который будет лимитировать их. Мы добавили Вам вот такой код для примера.

.comment-text img{
max-height: 300px;
max-width: 300px;
}

 Sign in to leave a comment