Перейти к содержимому

Редактировать как код

Редактировать как код превращает существующую диаграмму в код Mermaid/D2 и открывает его в редакторе с предпросмотром в реальном времени. Код подставляется заранее; когда вы вносите изменения и применяете их, диаграмма обновляется на месте (одним шагом отмены). Это позволяет выполнить цикл «нарисовать → преобразовать в код → отредактировать → применить обратно» за один шаг.

Редактировать как код: редактор исходного кода и предпросмотр в реальном времени

Дополнительные инструменты (⋯) → Редактировать как код на нижней панели инструментов. Если на холсте нет ни одной фигуры, этот пункт отображается неактивным.

  1. При желании сначала выделите фигуры, которые хотите отредактировать. Если выделение содержит узлы диаграммы, используется только эта часть; если нет, используется весь холст.
  2. Откройте Дополнительные инструменты → Редактировать как код. Код открывается заранее подставленным в редакторе с нумерацией строк; справа появляется предпросмотр в реальном времени.
  3. Измените код (добавьте блок, исправьте подпись, поменяйте направление стрелки).
  4. Нажмите Обновить; изменения применяются к тем же фигурам.

Если выделение представляет собой часть, которую структурное извлечение не может полностью отразить (например, несколько классов, взятых из диаграммы классов), вы можете заново сгенерировать исходный код с помощью чтения изображения ИИ, воспользовавшись кнопкой Прочитать из изображения над редактором. Этот путь использует провайдера/квоту.

  • Язык исходного кода следует за предыдущим импортом: если часть была получена из D2, она открывается как D2, иначе как Mermaid.
  • Если вам нужно только сгенерировать код (без применения на месте), используйте Диаграмма в код.