---
title: "Лишние блоки редактора теперь можно выключить"
description: "Любой блок редактора Penlab — HTML, CSS, JS, результат или консоль — можно выключить. Набор хранится в пене и виден всем, кто откроет его по ссылке."
url: https://penlab.space/blog/ru/editor-blocks
language: ru
section: "Обновления"
published: 2026-10-16T19:12:13Z
updated: 2026-10-16T19:12:13Z
translation: https://penlab.space/blog/editor-blocks
---

# Лишние блоки редактора теперь можно выключить

В меню раскладки появились переключатели блоков: HTML, CSS, JS, Результат и Консоль. Можно оставить, например, только JS и консоль — и набор сохранится вместе с пеном.

В редакторе Penlab всегда было пять блоков: панели HTML, CSS и JS, результат и консоль. Теперь любой из них можно выключить. Пишете маленькую программу, которой нужна только консоль, — оставляете JS и консоль, и на экране нет ничего, что отвлекает от кода.

## Где включаются блоки

В шапке редактора есть кнопка раскладки — «Раскладка и блоки». Раньше в её меню были только три раскладки: редакторы слева, сверху или справа. Теперь под разделителем — пять переключателей: HTML, CSS, JS, Результат и Консоль. Квадратик справа отмечает включённые блоки.

![Меню «Раскладка и блоки»: три раскладки и пять переключателей блоков](https://penlab.space/content/articles/editor-blocks/images/layout-menu-ru.webp "Меню раскладки: сверху — где стоят редакторы, ниже — какие блоки видны")

Клик по переключателю меню не закрывает: можно выключить три блока подряд и сразу увидеть, что получилось. Один блок всегда остаётся — последний включённый не выключается.

## JS и консоль: ничего лишнего

Сценарий, ради которого мы это делали: разобрать алгоритм, проверить, как работает метод массива, написать задачку для урока. HTML и CSS здесь пустые, окно результата — белый прямоугольник, на который незачем смотреть. Выключаем HTML, CSS и Результат — остаются две колонки: код слева, вывод справа.

![Редактор с двумя блоками: слева код на JavaScript, справа консоль с результатом](https://penlab.space/content/articles/editor-blocks/images/js-console-ru.webp "Пен из двух блоков: JS и консоль. Весь экран — под код и его вывод")

Консоль в таком режиме занимает всю высоту справа, а поле для выражений внизу работает как обычно: можно дописать `counts.код` и сразу увидеть ответ. Код при этом выполняется так же, как раньше, — в изолированном фрейме превью, просто сам фрейм не показан.

Вот такой пен вживую — в нём только JS и консоль:

[Живой пример: Счёт слов: пен только с JS и консолью](https://penlab.space/pen/1QadjT39)

Код из него:

```js
const text = 'код пишут код запускают код читают';

const counts = {};
for (const word of text.split(' ')) {
  counts[word] = (counts[word] ?? 0) + 1;
}

console.log('Слов всего:', text.split(' ').length);
console.log(counts);
```

## Вёрстка без скрипта

Обратный случай — пен про HTML и CSS. Панель JS пустая, консоль молчит. Выключаем JS и Консоль: две панели кода делят левую половину пополам, справа — только результат.

![Редактор с тремя блоками: панели HTML и CSS слева, результат справа](https://penlab.space/content/articles/editor-blocks/images/markup-ru.webp "Пен про вёрстку: HTML, CSS и результат, без JS и консоли")

Так же можно оставить один CSS и результат, если весь пример — в стилях, или одни редакторы без превью, если пен — шпаргалка с кодом.

## Набор блоков хранится в пене

Набор — свойство пена, а не личная настройка. Выключили блоки и нажали «Сохранить» (`Ctrl+S` / `⌘S`) — пен у всех, кто откроет его по ссылке, будет выглядеть так же: ученик сразу видит JS и консоль, а не пять панелей, три из которых пустые.

Несколько деталей:

- Переключение блоков — обычная правка пена: до сохранения у кнопки «Сохранить» горит точка, при уходе со страницы редактор предупредит.
- Выключенный блок только не показывается. Его код никуда не девается: участвует в превью, открывается в полноэкранном режиме и уходит в форк.
- На чужом пене меню тоже работает: можно включить скрытую панель и посмотреть код. Это видно только вам и только до перезагрузки — пен автора не меняется.
- Форк забирает набор блоков вместе с кодом.
- Раскладка (слева, сверху, справа) и размеры панелей по-прежнему личные: они хранятся в браузере и в пен не попадают.
- На телефоне выключенные панели пропадают из вкладок над редактором.

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

---

Если какой-то набор блоков вам нужен постоянно, а включать его каждый раз неудобно, — напишите нам на penlab.info@yandex.com.