Изменить размер блоков кода?

Я ищу функцию или тему, которая позволила бы мне, как читателю, изменять размер блоков кода в постах.

Зачем? Мы проводим много времени, просматривая логи, и в зависимости от среды в каждой строке лога может быть много «преамбулы». Вот пример:

7 лайков

Может быть, мы можем переиспользовать нашу функцию «Развернуть таблицу» для работы с блоками кода тоже…

3 лайка

Что ж, я так и не разобрался с изменением размера по горизонтали, но мне удалось добавить изменение размера по вертикали с помощью CSS:

// Прокручиваемые блоки кода
.hljs {
    resize: vertical;
    height: 515px;
    max-height: unset;
}

Редактирование: Что ж… забудьте. Я только что понял, что когда блок кода короткий, это делает div слишком высоким. :frowning:

2 лайка

Это, наверное, наивное предложение, но как насчет white-space: break-spaces; для переноса слов?

1 лайк

На самом деле я уже проделал некоторую работу в начале этого года для отображения блоков кода на весь экран. Сначала нужно включить настройку show_copy_button_on_codeblocks. Затем любой блок кода с горизонтальной прокруткой будет иметь две кнопки — кнопку копирования и кнопку полноэкранного режима (кнопка копирования будет отображаться в любом случае):

После этого будет показано модальное окно без горизонтальной прокрутки:

6 лайков

@Canapin вам действительно не нужно, чтобы блоки кода переносились. Именно поэтому я форматирую 99% постов, с которыми работаю: чтобы поместить элементы, которые не должны переноситься по строкам, в блоки кода.

И спасибо за совет, @martin. Я, возможно, попробую это пока что, но всё ещё надеюсь на возможность изменения размера в строке… :crossed_fingers: :innocent:

2 лайка

Я включил show_copy_button_on_codeblocks, и это хороший промежуточный шаг. :innocent:
Стоит отметить, что кнопки появляются только при наведении курсора мыши на блок кода. Сначала я подумал, что это не работает.

Кстати, о масштабируемых блоках кода внутри текста: стоит упомянуть, что редактор SQL в Data Explorer полностью масштабируем. (Я знаю, что страница построена иначе, но…)

1 лайк

Итак, когда я включаю show_copy_button_on_codeblocks, опция копирования (или разворачивания) не отображается. Не упускаю ли я что-то еще?

1 лайк

Кнопка «Развернуть» отображается только в том случае, если блок кода прокручивается по горизонтали. Не уверен, почему не отображается кнопка «Копировать». Она скрыта, пока вы не наведёте курсор на блок кода — возможно, в этом причина?

Я давно не был активен, но всё ещё хочу иметь возможность разворачивать блоки кода внутри строки.

Сейчас я просматриваю код во всплывающем окне. И, похоже, функция ответа/цитирования недоступна. :sadpanda: