🎄 md-editor-v3-ko

English | 한국어

Vue3용 한국어 마크다운 에디터입니다. md-editor-v3를 fork하여 한국어를 기본 언어로 설정한 버전입니다.

✨ 차이점

이 패키지는 원본 md-editor-v3와 다음과 같은 차이가 있습니다:

• ✅ 한국어가 기본 언어 (ko-KR)
• ✅ 모든 UI 요소가 한국어로 표시
• ✅ 별도의 언어 설정 없이 바로 사용 가능
• ✅ 원본의 모든 기능 포함

⭐️ 주요 기능

• 도구 모음, 전체 화면, 페이지 내 전체 화면 등
• 테마: 기본 라이트 테마와 다크 테마 내장
• 에디터 단축키 지원
• prettier로 마크다운 컨텐츠 자동 정리
• 다국어 지원: 한국어(기본), 중국어, 영어
• 이미지 업로드: 붙여넣기 또는 클립보드에서 이미지 업로드
• 컨텐츠만 렌더링 (에디터 없이 미리보기만)
• 미리보기 테마: default, vuepress, github, cyanosis, mk-cute, smart-blue 등
• mermaid 다이어그램, katex 수학 공식 지원
• 도구 모음 커스터마이징
• 필요한 컴포넌트만 임포트 가능

🗺 미리보기

| 기본 테마 | 다크 테마 | 미리보기 전용 | | --- | --- | --- | | | | |

📦 설치

npm install md-editor-v3-ko
# 또는
yarn add md-editor-v3-ko

🔨 사용법

기본 사용

<template>
  <MdEditor v-model="text" />
</template>

<script setup>
import { ref } from 'vue';
import { MdEditor } from 'md-editor-v3-ko';
import 'md-editor-v3-ko/lib/style.css';

const text = ref('# 안녕하세요');
</script>

다른 언어 사용

한국어가 기본이지만, 다른 언어도 사용 가능합니다:

<template>
  <MdEditor v-model="text" language="en-US" />
</template>

<script setup>
import { ref } from 'vue';
import { MdEditor } from 'md-editor-v3-ko';
import 'md-editor-v3-ko/lib/style.css';

const text = ref('# Hello');
</script>

지원 언어:

• ko-KR: 한국어 (기본)
• zh-CN: 중국어
• en-US: 영어

📖 문서

더 자세한 사용법은 원본 문서를 참고하세요.

🙏 크레딧

이 프로젝트는 imzbf/md-editor-v3를 기반으로 만들어졌습니다.

원본 프로젝트의 모든 기여자분들께 감사드립니다.

📄 라이선스

MIT License

Made with ❤️ by Yun Seongho

Based on md-editor-v3 by imzbf