SSShooter/mind-elixir-core

어떤 프로젝트인가요?

핵심 기능

• 01어떤 프런트엔드 스택에서도 사용할 수 있는 프레임워크 독립형 코어.
• 02드래그 앤 드롭 편집, 여러 노드 선택, 실행 취소/다시 실행.
• 03터치 이벤트와 키보드 단축키.
• 04SVG, PNG, HTML로 내보내기.
• 05CSS 변수와 사용자 지정 테마를 통한 스타일 지정.
• 06플러그인 시스템 및 변경 작업을 위한 작업 가드.

활용 사례

• 웹 애플리케이션에 편집 가능한 마인드맵 뷰 추가.
• 브라우저에서 메모 작성 또는 브레인스토밍 도구 구축.
• 내보내기용 구조화된 데이터에서 마인드맵 시각화 생성.
• React, Vue 또는 일반 JavaScript 페이지에서 마인드맵 기능 프로토타이핑.

빠른 시작

1. 1

   npm에서 패키지를 설치합니다

   npm i mind-elixir -S
2. 2

   코드에서 라이브러리와 스타일시트를 가져옵니다

   import MindElixir from 'mind-elixir' import 'mind-elixir/style.css'
3. 3

   컨테이너 div를 만들고 샘플 데이터로 마인드 맵을 초기화합니다

사용 전 알아둘 점

• !맵을 표시하려면 높이가 명시된 컨테이너 요소가 필요합니다.

포함된 컬렉션

토픽

자주 묻는 질문

mind-elixir-core은(는) 무엇인가요?

웹 앱에 대화형 편집 기능을 갖춘 마인드맵을 삽입할 수 있는 프레임워크 독립형 JavaScript 코어 Mind Elixir Core는 브라우저에서 마인드맵을 렌더링하고 편집하는 JavaScript 라이브러리입니다. 특정 프런트엔드 프레임워크에 종속되지 않아 일반 HTML 페이지에 마운트하거나 React, Vue 및 다른 UI 라이브러리와 함께 사용할 수 있습니다.

mind-elixir-core은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

mind-elixir-core은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

mind-elixir-core은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. mind-elixir-core의 마지막 커밋은 2026년 11월 4일입니다.

mind-elixir-core은(는) 어디에 사용할 수 있나요?

웹 애플리케이션에 편집 가능한 마인드맵 뷰 추가. 브라우저에서 메모 작성 또는 브레인스토밍 도구 구축. 내보내기용 구조화된 데이터에서 마인드맵 시각화 생성. React, Vue 또는 일반 JavaScript 페이지에서 마인드맵 기능 프로토타이핑.

mind-elixir-core는 어떻게 설치하나요?

npm에서 패키지를 설치합니다: npm i mind-elixir -S 코드에서 라이브러리와 스타일시트를 가져옵니다: import MindElixir from 'mind-elixir' import 'mind-elixir/style.css' 컨테이너 div를 만들고 샘플 데이터로 마인드 맵을 초기화합니다

mind-elixir-core은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/SSShooter/mind-elixir-core