Przejdź do głównej zawartości

Edytuj jako kod

Edytuj jako kod zamienia istniejący diagram w kod Mermaid/D2 i otwiera go w edytorze z podglądem na żywo. Kod jest wstępnie wypełniony; gdy wprowadzisz zmiany i je zastosujesz, diagram jest aktualizowany w miejscu (pojedynczy krok cofnięcia). Pozwala to wykonać pełny obieg „narysuj → przekonwertuj na kod → edytuj → zastosuj z powrotem” w jednym kroku.

Edytuj jako kod: edytor źródła i podgląd na żywo

Więcej narzędzi (⋯) → Edytuj jako kod na dolnym pasku narzędzi. Jeśli na kanwie nie ma żadnego kształtu, ta pozycja jest wyłączona.

  1. Jeśli chcesz, najpierw zaznacz kształty, które chcesz edytować. Jeśli zaznaczenie zawiera węzły diagramu, używana jest tylko ta część; jeśli nie, używana jest cała kanwa.
  2. Otwórz Więcej narzędzi → Edytuj jako kod. Kod otwiera się wstępnie wypełniony w edytorze z numerami linii; po prawej pojawia się podgląd na żywo.
  3. Zmień kod (dodaj prostokąt, popraw etykietę, zmień kierunek strzałki).
  4. Naciśnij Aktualizuj; zmiany są stosowane do tych samych kształtów.

Jeśli zaznaczenie jest częścią, której wyodrębnianie strukturalne nie potrafi w pełni przedstawić (np. kilka klas wyciągniętych z diagramu klas), możesz wygenerować źródło ponownie na podstawie odczytu obrazu przez AI za pomocą przycisku Odczytaj z obrazu nad edytorem. Ta ścieżka zużywa dostawcę/limit.

  • Język źródła podąża za wcześniejszym importem: jeśli część pochodziła z D2, otwiera się jako D2, w przeciwnym razie jako Mermaid.
  • Jeśli chcesz utworzyć wyłącznie kod (bez stosowania w miejscu), użyj Diagram na kod.