इस पृष्ठ पर
पूरा Markdown दस्तावेज़ उदाहरण
← Markdown उदाहरणों पर वापस जाएँ
Raziel.MD में आपका स्वागत है! 🚀
यह दस्तावेज़ ऐप में उपलब्ध मुख्य रेंडरिंग सुविधाएँ दिखाता है।
मुख्य सुविधाएँ
- ✅ Markdown रेंडरिंग: GFM समर्थन के साथ Markdown
- 📊 Mermaid आरेख: फ़्लोचार्ट, अनुक्रम और दूसरे आरेख
- 🎨 सिंटैक्स हाइलाइटिंग: कई भाषाओं में कोड
- 🌙 थीम: हल्के और गहरे मोड
- 💾 ऑफ़लाइन उपयोग: दस्तावेज़ स्थानीय रूप से संग्रहीत
स्वरूपण उदाहरण
सूचियाँ
अव्यवस्थित सूची
- आइटम 1
- आइटम 2
- उप-आइटम 2.1
- उप-आइटम 2.2
- आइटम 3
क्रमबद्ध सूची
- पहला आइटम
- दूसरा आइटम
- तीसरा आइटम
कोड
इनलाइन कोड: const hello = "world"
JavaScript कोड ब्लॉक:
function fibonacci(n) {
if (n <= 1) return n
return fibonacci(n - 1) + fibonacci(n - 2)
}
console.log(fibonacci(10)) // 55
Python कोड ब्लॉक:
def quicksort(arr):
if len(arr) <= 1:
return arr
pivot = arr[len(arr) // 2]
left = [x for x in arr if x < pivot]
middle = [x for x in arr if x == pivot]
right = [x for x in arr if x > pivot]
return quicksort(left) + middle + quicksort(right)
print(quicksort([3, 6, 8, 10, 1, 2, 1]))
तालिकाएँ
| सुविधा | समर्थन | विवरण |
|---|---|---|
| Markdown | ✅ | GFM के साथ रेंडरिंग |
| Mermaid | ✅ | आरेख और फ़्लोचार्ट |
| ऑफ़लाइन | ✅ | IndexedDB और Service Worker |
| खोज | ✅ | नामों और सामग्री में खोज |
उद्धरण
सरलता सर्वोच्च परिष्कार है।
- लियोनार्दो दा विंची
लिंक
Mermaid आरेख
फ़्लोचार्ट
graph TD
A[फ़ाइलें अपलोड करें] --> B{क्या यह .md फ़ाइल है?}
B -->|हाँ| C[सामग्री प्रोसेस करें]
B -->|नहीं| D[अनदेखा करें]
C --> E[IndexedDB में सहेजें]
E --> F[इंटरफ़ेस में रेंडर करें]
F --> G[Markdown देखें]
अनुक्रम आरेख
sequenceDiagram
participant U as उपयोगकर्ता
participant A as ऐप
participant DB as IndexedDB
U->>A: फ़ाइल अपलोड करें
A->>A: प्रारूप सत्यापित करें
A->>DB: फ़ाइल सहेजें
DB-->>A: पुष्टि करें
A-->>U: सफलता दिखाएँ
U->>A: फ़ाइल चुनें
A->>DB: सामग्री पाएँ
DB-->>A: सामग्री लौटाएँ
A->>A: Markdown रेंडर करें
A-->>U: दस्तावेज़ दिखाएँ
क्लास आरेख
classDiagram
class MarkdownFile {
+number id
+string path
+string name
+string content
+Date createdAt
+Date updatedAt
}
class IndexedDB {
+saveFile()
+getAllFiles()
+getFileByPath()
+searchFiles()
+deleteFile()
}
class MarkdownViewer {
+renderMarkdown()
+renderMermaid()
+exportFile()
}
IndexedDB --> MarkdownFile
MarkdownViewer --> MarkdownFile
पाई चार्ट
pie title सुविधा वितरण
"फ़ाइल अपलोड" : 20
"नेविगेशन" : 25
"रेंडरिंग" : 30
"खोज" : 15
"ऑफ़लाइन समर्थन" : 10
लिंक नेविगेशन
विकी-लिंक
विकी-लिंक दस्तावेज़ों के बीच संबंध बनाते हैं। कोई उदाहरण चुनें:
इस दस्तावेज़ का सरल लिंक
[[./example]]
कस्टम प्रदर्शित पाठ वाला लिंक
[[./example|इस उदाहरण पर वापस जाएँ]]
दूसरे दस्तावेज़ के अनुभाग का लिंक
[[mermaid-examples.md#timeline|समयरेखा पर जाएँ]]
इस दस्तावेज़ के अनुभाग का लिंक
[[#code|कोड अनुभाग पर जाएँ]]
कोड ब्लॉक के भीतर विकी-लिंक
ब्लॉक के भीतर की सामग्री लिंक नहीं बननी चाहिए:
[[this/link/must/not/become/html]]
आंतरिक Markdown लिंक
आंतरिक लिंक उसी टैब में खुलते हैं। नए टैब में खोलने के लिए Ctrl+Click या माउस का बीच वाला बटन उपयोग करें।
सुझाव: लिंक पर राइट-क्लिक करके खोलना, नए टैब में खोलना और लिंक कॉपी करना जैसी क्रियाएँ देखें।
बाहरी लिंक
बाहरी लिंक खुलने से पहले पुष्टि दिखाते हैं:
उन्नत सुविधाएँ
कार्य सूचियाँ
- फ़ाइलें आयात करें
- ट्री नेविगेशन बनाएँ
- Markdown रेंडर करें
- Mermaid रेंडर करें
- खोज जोड़ें
- अपने नोट्स बनाएँ
- निजी लाइब्रेरी व्यवस्थित करें
पाठ स्वरूपण
बोल्ड, तिरछा, काटा हुआ और इनलाइन कोड।
बोल्ड और तिरछा संयुक्त
क्षैतिज रेखा
सैनिटाइज़ेशन उदाहरण
Raziel.MD संभावित रूप से खतरनाक HTML को सैनिटाइज़ करता है। नीचे के उदाहरण स्क्रिप्ट चलाए बिना दिखने चाहिए।
<script>alert("XSS")</script>
<img src="x" onerror="alert('XSS through an attribute')">
<div onclick="alert('XSS through an event')">यहाँ चुनें</div>
<iframe src="javascript:alert('XSS through an iframe')"></iframe>
निष्कर्ष
यह दस्तावेज़ Raziel.MD की आवश्यक सुविधाएँ दिखाता है। अपने दस्तावेज़ बनाएँ और अपना निजी ज्ञान आधार व्यवस्थित करें।