비즈니스 / 다이어그램
순서도 생성기: Mermaid 미리보기 및 간단한 빌더
Mermaid 텍스트와 실시간 미리보기로 순서도를 만듭니다. 프로세스, 결정, 시작-종료, 입력-출력 노드를 추가하고 레이블이 있는 연결선을 만들거나, 직접 만든 3가지 템플릿으로 시작할 수 있습니다.
순서도 생성기: Mermaid 미리보기 및 간단한 빌더: Mermaid 텍스트로 순서도를 작성하거나 빌더를 사용해 단계, 결정, 연결선을 추가하면 입력하는 동안 다이어그램이 업데이트됩니다. 예시로 시작한 다음 텍스트를 복사하거나 순서도를 SVG 또는 PNG로 다운로드할 수 있습니다. 서버에 파일을 전혀 업로드하지 않고 브라우저에서 100% 로컬로 실행됩니다.
- 카테고리
- 비즈니스 및 관리 도구
- 실행 횟수
- 브라우저에서
- 비용
- 무료 · 가입 불필요
- 사용 가능 여부
- 사용 가능
브라우저에서 전부 실행됩니다
간단한 생성기
입력하는 동안 미리보기가 업데이트됩니다. 생성기는 텍스트에 문을 추가합니다. 구성 지시문, 사용자 지정 스타일 및 클릭 핸들러는 사용할 수 없습니다.
미리보기 렌더링 중…
순서도 구문
Mermaid의 순서도 언어는 노드, 엣지 및 라벨이 지정된 결정을 지원합니다. 이 도구는 해당 언어의 순서도 부분을 지원하며, 빌더는 텍스트 끝에 새 줄을 추가합니다. 공식 구문: https://mermaid.js.org/syntax/flowchart.html
보안 및 라이선스
다이어그램은 MIT 라이선스 오픈 소스 라이브러리인 Mermaid를 사용해 브라우저의 엄격한 보안 모드에서 그려집니다. 라벨의 HTML, 클릭 동작 및 구성 블록이 허용되지 않으므로 붙여넣은 다이어그램이 코드를 실행할 수 없습니다. 공식 보안 설정: https://mermaid.js.org/config/schema-docs/config-properties-securitylevel.html
사용 방법
- 프로세스, 결정 트리 또는 로그인 템플릿을 선택하거나 Mermaid 순서도 텍스트를 작성합니다.
- 빌더로 노드를 추가한 다음 기존 노드 ID를 연결하고, 필요하면 연결선에 레이블을 추가합니다.
- 표시된 구문 오류를 수정하고 SVG, PNG 또는 Mermaid 텍스트를 다운로드합니다.
개인정보 보호 및 제한사항
Mermaid 텍스트는 브라우저에서만 처리됩니다. 아무것도 업로드하거나 로컬 저장소에 저장하지 않습니다. 구성 지시문, 콜백, 이미지 및 외부 리소스는 비활성화되어 있습니다.
관련 도구
자주 묻는 질문
빌더는 노드 이름을 어떻게 지정합니까?
사용되지 않은 다음 N-number ID를 사용합니다. 노드를 연결하려면 텍스트에 표시된 ID를 입력하십시오. 빌더는 따옴표, 대괄호 및 기타 레이블 구두점을 안전하게 인코딩합니다.
모든 Mermaid 다이어그램 유형을 사용할 수 있습니까?
이 도구는 순서도 또는 그래프 구문만 지원합니다. 다른 다이어그램 유형에는 기존 Mermaid 편집기를 사용하십시오.
오류는 어떻게 표시됩니까?
Mermaid가 줄 번호를 제공하면 파서 오류에 줄 번호가 표시됩니다. 보안 오류와 입력 제한 오류는 별도의 메시지로 표시됩니다.
템플릿은 다른 곳에서 복사한 것입니까?
아닙니다. 간단한 프로세스, 결정 트리 및 로그인 흐름은 이 도구를 위해 작성한 짧은 독창적 예시입니다.
무료 도구 · 브라우저에서회 실행 · 계정 불필요