WT
WebTools

Visionneuse et Éditeur Markdown

Affichez et modifiez Markdown avec prévisualisation en direct, KaTeX, Mermaid et GFM.

Markdown Source Editor137 lines • 586 words • 3088 chars
Live Rendered Preview~3 min read
📋Document Metadata
title차세대 마크다운 뷰어 & 에디터 가이드
authorWebTools
date2026-09-01
categoryDocument Utility
version2.0.0

# 🚀 차세대 마크다운 뷰어 & 에디터

이 도구는 **100% 브라우저 메모리**에서 동작하며, LaTeX 수식, Mermaid 다이어그램, GFM 표, Diff 코드 강조, GitHub 알림, 이모지 단축코드 등을 즉시 렌더링합니다.


# 💡 지원 기능 요약

    [object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

# 📊 1. Mermaid 다이어그램 지원

마크다운 코드 블록에 ```mermaid 를 입력하면 다양한 다이어그램이 자동 렌더링됩니다.

Rendering Mermaid diagram...

# 📅 시퀀스 다이어그램 예시

Rendering Mermaid diagram...

# 📐 2. LaTeX 수식 (KaTeX 지원)

# 인라인 수식

유명한 아인슈타인의 질량-에너지 등가 공식은 E=mc2E = mc^2 이며, 오일러 공식은 eipi+1=0e^{ipi} + 1 = 0 입니다.

# 블록 수식

가우스 적분과 정규분포 확률밀도함수:

int−inftyinftye−x2,dx=sqrtpiint_{-infty}^{infty} e^{-x^2} , dx = sqrt{pi}

f(x) = rac{1}{sigma sqrt{2pi}} e^{- rac{1}{2}left( rac{x-mu}{sigma} ight)^2}


# 🔔 3. GitHub 스타일 알림 (Alerts / Callouts)

[!NOTE] 파일은 외부 서버로 전송되지 않으며 모든 연산은 사용자 브라우저에서 안전하게 수행됩니다.
[!TIP] 클립보드에 복사한 이미지를 에디터에 `Ctrl + V`로 붙여넣으면 Base64 이미지로 자동 변환되어 문서에 내장됩니다.
[!IMPORTANT] 상단 툴바의 **'Slide'** 버튼을 누르면 이 문서를 즉시 전체 화면 프레젠테이션 슬라이드로 발표할 수 있습니다.
[!WARNING] 브라우저 탭을 새로고침하기 전에 중요한 작성 내용은 **다운로드(.md)** 버튼으로 보관하세요.

# 💻 4. 코드 구문 강조 및 Diff 블록

diff
--- a/src/parser.ts+++ b/src/parser.ts@@ -1,5 +1,6 @@- const version = "1.0.0";+ const version = "2.0.0";+ const enableMermaid = true;  function initialize() {-   console.log("Old init");+   console.log("Next-Gen Markdown Initialized!");  }
typescript
// TypeScript 예제
export function generateReport(title: string): { status: string } {
  console.log(`Generating report: ${title}`);
  return { status: "success" };
}

# 📋 5. GFM 표 (Table)

[object Object],[object Object],[object Object],[object Object][object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

# 🏷️ 6. 단축키 및 서식 태그

    [object Object],[object Object],[object Object],[object Object]
문서 목차 (Outline)
11

Comment utiliser Visionneuse et Éditeur Markdown

Effectuez cette tâche en toute sécurité, sans envoyer de fichiers à un serveur.

💡 Mode d'emploi (étape par étape)

  1. Sélectionnez les fichiers à traiter.
  2. Vérifiez et ajustez les options disponibles.
  3. Lancez le traitement et gardez cet onglet ouvert.
  4. Vérifiez le résultat, puis téléchargez-le.

🔒 Fonctionnalités clés et fonctionnement

Confidentialité intégrée

Vos fichiers restent dans la mémoire du navigateur et ne sont jamais envoyés à nos serveurs.

Traitement dans le navigateur

Le traitement s’effectue localement grâce aux API modernes du navigateur.

❓ Foire aux questions (FAQ)

Q. Mes fichiers sont-ils envoyés à un serveur ?

A. Non. Tous les traitements sont effectués localement dans votre navigateur.

Q. Le fichier original est-il modifié ?

A. Non. L’original reste intact et le résultat est téléchargé dans un nouveau fichier.