Блок кода
Блок кода добавляет на холст фрагмент кода с подсветкой синтаксиса. Он идеально подходит для дополнения архитектурных схем примерами кода, блоками конфигурации или вызовами API. Окно состоит из двух панелей: редактор исходного кода слева и предпросмотр в реальном времени того, как элемент будет выглядеть на холсте, справа.
Как открыть
Заголовок раздела «Как открыть»Дополнительные инструменты (⋯) → Блок кода на нижней панели инструментов.
Как использовать
Заголовок раздела «Как использовать»- Откройте Дополнительные инструменты → Блок кода.
- Выберите язык в меню выбора языка в правом верхнем углу (JavaScript, TypeScript, JSX, Python, Go, Rust, Java, C, C++, C#, PHP, Ruby, SQL, JSON, YAML, Bash, CSS, обычный текст).
- Введите или вставьте код в левое поле; отображаются номера строк вместе со счётчиком строк и символов, а предпросмотр справа мгновенно применяет подсветку.
- Нажмите Добавить, чтобы разместить элемент на холсте (или
Ctrl/⌘ + Enter). Для редактирования дважды щёлкните по элементу (кнопка изменится на Сохранить).
Сочетания клавиш
Заголовок раздела «Сочетания клавиш»| Клавиша | Действие |
|---|---|
Ctrl/⌘ + Enter | Добавить / Сохранить |
Tab | Вставить отступ в 2 пробела (фокус не перескакивает) |
Вы можете скопировать код в буфер обмена с помощью кнопки Копировать на панели предпросмотра.
Примечания
Заголовок раздела «Примечания»- Подсветка выполняется встроенным токенизатором без внешних зависимостей; внешняя библиотека или сетевой запрос не используются.
- Элемент кода отрисовывается как HTML-слой, поэтому он не отображается в визуальных экспортах PNG/SVG/PDF (он виден на холсте и в общей сессии).