Контекстное меню
Кликните правой кнопкой мыши по холсту, чтобы открыть контекстное меню. При клике правой кнопкой по узлу он сначала выделяется. Клик правой кнопкой по пустому холсту снимает выделение.
Копировать/Вставить как
Подменю Копировать/Вставить как предлагает дополнительные форматы буфера обмена для выделенных узлов:
| Действие | Сочетание (Mac) | Сочетание (Win/Linux) |
|---|---|---|
| Копировать как текст | — | — |
| Копировать как SVG | — | — |
| Копировать как PNG | ⇧⌘C | Shift + Ctrl + C |
| Копировать как JSX | — | — |
- Копировать как текст — копирует видимое текстовое содержимое из выделения
- Копировать как SVG — копирует дерево узлов как SVG-разметку
- Копировать как PNG — рендерит в масштабе 2× и помещает в системный буфер обмена (вставляйте в Slack, Notion и т.д.)
- Копировать как JSX — копирует представление OpenPencil JSX для использования с
renderJsx()
Действия с буфером обмена
| Действие | Сочетание (Mac) | Сочетание (Win/Linux) |
|---|---|---|
| Копировать | ⌘C | Ctrl + C |
| Вырезать | ⌘X | Ctrl + X |
| Вставить сюда | ⌘V | Ctrl + V |
| Дублировать | ⌘D | Ctrl + D |
| Удалить | ⌫ | Backspace / Delete |
Действия с буфером обмена недоступны, когда ничего не выделено (кроме «Вставить», которое доступно при наличии содержимого в буфере обмена).
Z-порядок
| Действие | Сочетание |
|---|---|
| На передний план | ] |
| На задний план | [ |
Перемещает выделенный узел в начало или конец списка дочерних элементов родителя.
Группировка
| Действие | Сочетание (Mac) | Сочетание (Win/Linux) |
|---|---|---|
| Сгруппировать | ⌘G | Ctrl + G |
| Разгруппировать | ⇧⌘G | Shift + Ctrl + G |
| Добавить авто-раскладку | ⇧A | Shift + A |
- Сгруппировать требует 2 или более выделенных узла
- Разгруппировать появляется при выделении группы — дочерние элементы перемещаются к родителю группы
- Добавить авто-раскладку оборачивает выделение в новый фрейм с авто-раскладкой
Действия с компонентами
Действия с компонентами отображаются фиолетовым цветом в соответствии с цветовой темой компонентов.
| Действие | Сочетание (Mac) | Сочетание (Win/Linux) | Доступно для |
|---|---|---|---|
| Создать компонент | ⌥⌘K | Ctrl + Alt + K | Фреймы, группы, множественное выделение |
| Создать набор компонентов | ⇧⌘K | Shift + Ctrl + K | 2+ выделенных компонента |
| Создать экземпляр | — | — | Компоненты (без сочетания клавиш) |
| Перейти к основному компоненту | — | — | Экземпляры |
| Отсоединить экземпляр | ⌥⌘B | Ctrl + Alt + B | Экземпляры |
См. Компоненты для подробностей о работе с компонентами.
Видимость и блокировка
| Действие | Сочетание (Mac) | Сочетание (Win/Linux) |
|---|---|---|
| Скрыть / Показать | ⇧⌘H | Shift + Ctrl + H |
| Заблокировать / Разблокировать | ⇧⌘L | Shift + Ctrl + L |
Метка переключается в зависимости от текущего состояния узла (например, «Скрыть» для видимого узла, «Показать» для скрытого).
Переместить на страницу
Подменю Переместить на страницу показывает все страницы, кроме текущей. Выберите страницу, чтобы переместить выделенные узлы под холст этой страницы.
Советы
- Клик правой кнопкой по пустому холсту даёт доступ к «Вставить» — полезно для размещения содержимого в определённом месте.
- Действия с компонентами появляются только когда это уместно (например, «Создать экземпляр» только для узлов-компонентов).
- Контекстное меню отражает сочетания клавиш — это хороший способ узнать неизвестные вам сочетания.