# Rich Text மற்றும் Markdown: இரண்டையும் எப்படி மாற்றி பயன்படுத்துவது நவீன நோட்லெட் பயன்பாடுகளில், பயனர்கள் இரண்டு வெவ்வேறு முறைகளுக்கு மாற்றுகின்றனர்: **Rich Text** எடிட்டர்களின் விசுவல் தன்மை மற்றும் **Markdown** இன் எளிமை. பெரும்பாலான பயன்பாடுகள் உங்களை ஒன்றைத் தேர்ந்தெடுக்க வைக்கின்றன. **NoteRich** இந்த இரண்டு முறைகளையும் ஒன்றாக வைக்கிறது. சிக்கலான இரண்டு-முறை அமைப்பைப் பயன்படுத்தி, NoteRich உங்களை Rich Text மற்றும் Markdown முறைகளுக்கு இடையில் எளிதாக மாற்ற அனுமதிக்கிறது, இதனால் இரண்டு முறைகளின் சிறந்த அம்சங்களைப் பெறலாம். --- ## இரண்டு முறைகளைப் புரிந்துகொள்வது முறைகளை எப்படி மாற்றுவது என்பதைப் பற்றி அறிந்து கொள்வதற்கு முன், ஒவ்வொரு முறையும் என்ன அளிக்கிறது மற்றும் எப்போது பயன்படுத்துவது என்பதைப் புரிந்துகொள்வது அவசியம். ### Rich Text முறை: விசுவல் எடிட்டிங் Rich Text முறை, **WYSIWYG (What You See Is What You Get)** எடிட்டிங் அனுபவத்தை வழங்குகிறது. Rich Text முறையில் இருக்கும்போது: - **விசுவல் ஃபார்மேடிங்**: பெரிய அடைவுகள், இலித்தல், தலைப்புகள் மற்றும் பட்டியல்கள் அப்படியே காட்டப்படுகின்றன. - **டூலபார் அணுகல்**: முழுமையான ஃபார்மேடிங் டூலபார், எல்லா ஸ்டைலிங் விருப்பங்களையும் ஒரே நேரத்தில் கிடைக்கச் செய்கிறது. - **மீடியா எம்பெட்ஸ்**: படங்கள், அட்டவணைகள், சமன்பாடுகள் மற்றும் இணைய விளைவுகள் ஒரே இடத்தில் காட்டப்படுகின்றன. - **டிராக்-அண்ட்-ட்ராப்**: பகுதிகளை எளிதாக மாற்றலாம். - **காண்டெக்ஸ்ட் மெனுவுகள்**: ரைட்-க்ளிக் செயல்கள் மற்றும் ஃப்ளோடிங் டூலபார்கள் உற்பத்தித்திறனை அதிகரிக்கின்றன. Rich Text முறை பின்வருமாறு ஏற்றது: - டைப் செய்யும்போது விசுவல் ஃபீட்புக் விரும்புபவர்களுக்கு. - சிக்கலான அட்டவணைகள் உள்ள ஆவணங்களுக்கு. - விசுவல் தெளிவு முக்கியமான பணியாளர்களுக்கு. - முறையை நினைவில் வைக்காமல் விரைவாக ஃபார்மேட் செய்ய விரும்புபவர்களுக்கு. ### Markdown முறை: எளிமையான போர்ட்பேப்பர் Markdown முறை, உங்கள் உள்ளடக்கத்தை எளிமையான டெக்ஸ்ட் மற்றும் லேசான ஸ்கிரிப்ட் முறையில் காட்டுகிறது. Markdown முறையில் வேலை செய்யும்போது: - **எளிமையான டெக்ஸ்ட் போர்ட்பேப்பர்**: உங்கள் நோட்ஸ்கள் பொதுவாக படிக்கக்கூடிய வடிவத்தில் சேமிக்கப்படுகின்றன. - **கீபோர்ட்-ஃபர்ஸ்ட் வொர்க்வோ**: எளிய கீபோர்ட் ஷார்ட்கட்களைப் பயன்படுத்தி டெக்ஸ்ட் ஃபார்மேட் செய்யலாம் (`**bold**`, `*italic*`, `# Heading`). - **வெர்ஷன் கண்ட்ரோல் ஃப்ரெண்டியஸ்**: Git மற்றும் மற்ற வெர்ஷன் கண்ட்ரோல் சிஸ்டங்களில் சுத்தமான டிஃப்ஸ்கள். - **வேகமான டைபிங்**: மவுஸ் தேவையில்லை; உங்கள் கைகளை கீபோர்டில் வைத்திருங்கள். - **யுனிவர்சல் கம்பேடரிட்டி**: `.md` ஃபைல்களை ஏதாவது இடத்தில் பயன்படுத்தலாம். Markdown முறை பின்வருமாறு ஏற்றது: - தொழில்நுட்ப ஆவணங்கள் மற்றும் கோட்-அதிகமான நோட்ஸ்களுக்கு. - எளிய டெக்ஸ்ட் எடிட்டிங்கை விரும்பும் எழுத்தாளர்களுக்கு. - குறைந்த ஃபார்மேடிங் செயல்களுடன் நீண்ட உள்ளடக்கத்தை உருவாக்குபவர்களுக்கு. - அதிக போர்ட்பேப்பர் பயன்படுத்தும் மற்றும் எதிர்காலத்திற்கு தயாராக இருக்க விரும்புபவர்களுக்கு. --- ## இரண்டு-முறை அமைப்பு NoteRich இரண்டு தனித்தனி எடிட்டிங் அனுபவங்களை மட்டுமல்ல, ஒரே உள்ளடக்க மாடலையும் வழங்குகிறது. இது உள்ளடக்க அமைப்பு மற்றும் Markdown ஸ்கிரிப்ட் இடையில் உடனே மாற்றம் செய்யும் ஒரு சிக்கலான மாற்று இயந்திரத்தின் மூலம் சாத்தியமாகிறது. ```mermaid graph TD A[User Input] --> B{Internal Document Model} B --> C[Rich Text Representation] B --> D[Markdown Representation] C --> E[Visual Toolbar Actions] C --> F[Drag-and-Drop Operations] C --> G[Context Menu Formatting] D --> H[Markdown Shortcut Detection] D --> I[Syntax Pattern Recognition] D --> J[Plain Text Import/Export] B --> K[Unified Storage Layer] K --> L[IndexedDB Persistence] K --> M[P2P Sync Payload] style A fill:#fafafa,stroke:#eaeaea,color:#333 style B fill:#000,stroke:#000,color:#fff style C fill:#fafafa,stroke:#eaeaea,color:#333 style D fill:#fafafa,stroke:#eaeaea,color:#333 style K fill:#000,stroke:#000,color:#fff ``` இந்த அமைப்பு என்பது **உங்கள் உள்ளடக்கம் ஒரு முறையில் மட்டுமே சேமிக்கப்படாது** என்பதைக் குறிக்கிறது. நீங்கள் Markdown முறையில் டைப் செய்யும்போதும் அல்லது Rich Text டூலபார் மூலம் ஃபார்மேட் செய்யும்போதும், உள்ளடக்க அமைப்பு ஒரே மாதிரியாக இருக்கும், இதனால் உடனே மாற்றம் செய்யலாம், உள்ளடக்கம் இழக்கப்படாது அல்லது ஃபார்மேடிங் சேதமடையாது. --- ## முறைகளை எப்படி மாற்றுவது ### முறை 1: செட்யூல்-அடிப்படையிலான முறை தேர்வு NoteRich ஒரு உலகளாவிய செட்யூல் அமைப்பை வழங்குகிறது, இது அனைத்து நோட்ஸ்களுக்கும் டிஃபால்ட் எடிட்டர் முறையை வழங்குகிறது: 1. **செட்யூல்களைத் திறக்கவும்**: எடிட்டரின் மேல் வலதுபுறத்தில் உள்ள கியர் ஐகானைக் கிளிக் செய்யவும். 2. **“Rich Text” சுவிட்சைக் கண்டுபிடிக்கவும்**: செட்யூல்களில் “Rich Text” என்று குறிக்கப்பட்ட சுவிட்சைக் கண்டுபிடிக்கவும். 3. **முறையை மாற்றவும்**: - **இயக்கப்படும் (✓)**: எடிட்டர் Rich Text முறையில் முழு டூலபார் உடன் திறக்கப்படும். - **இயக்கப்படாத (○)**: எடிட்டர் Plain Text/Markdown முறையில் திறக்கப்படும். ```mermaid sequenceDiagram participant User participant SettingsPanel participant Editor participant DocumentModel User->>SettingsPanel: Settings Icon ஐ கிளிக் செய்யவும் User->>SettingsPanel: “Rich Text” சுவிட்சை மாற்றவும் SettingsPanel->>Editor: isRichText Flag ஐ அப்டேட் செய்யவும் Editor->>DocumentModel: புதிய முறையுடன் மீண்டும் ரெண்டர் செய்யவும் Editor-->>User: மாற்றப்பட்ட இடைமுகத்தைக் காட்டவும் ``` **முக்கியம்**: இந்த செட்யூலை மாற்றுவதற்கு பக்கம் மீண்டும் லோட் செய்யப்பட வேண்டும். இதனால் அனைத்து பக்கங்களும் சரியாக இயக்கப்படும். ### முறை 2: நோட்-அடிப்படையிலான Markdown இம்போர்ட்/எக்ஸ்போர்ட் Rich Text முறையில் வேலை செய்யும்போதும், தனிப்பட்ட நோட்ஸ்களை Markdown முறையில் இம்போர்ட்/எக்ஸ்போர்ட் செய்யலாம்: #### நோட்டை Markdown முறையில் எக்ஸ்போர்ட் செய்யுங்கள் 1. இம்போர்ட் செய்ய விரும்பும் நோட்டைத் திறக்கவும். 2. **ஆக்ஷன் மெனுவை** கிளிக் செய்யவும் (பொதுவாக மூன்று புள்ளிகள் `⋮` அல்லது டவுன்லோட் ஐகான் மூலம்). 3. **“Export as Markdown”** என்பதைத் தேர்ந்தெடுக்கவும். 4. நோட் Markdown ஸ்கிரிப்ட்டாக மாற்றப்பட்டு `.md` ஃபைலாக டவுன்லோட் செய்யப்படும். இம்போர்ட் செயல்முறை: - **தலைப்புகள்**: `#`, `##`, `###` ஸ்கிரிப்ட்களாக மாற்றப்படும். - **பட்டியல்கள்**: பட்டியல்கள் மற்றும் எண்ணப்பட்ட பட்டியல்கள் சரியான இண்டெண்டிங்குடன் பாதுகாக்கப்படும். - **கோட் பிளாக்குகள்**: மொழி அறிவிப்புகள் பாதுகாக்கப்படும் (உதாரணம்: ```javascript - ``` - | லைன் பட்டியல் உள்ளடக்கம் - | எண்ணப்பட்ட பட்டியல் உள்ளடக்கம் - | பட்டியல் உள்ளடக்கம் - | கோட் பிளாக்குகள் உள்ளடக்கம் - | லிங்க்குகள் உள்ளடக்கம் - | இமேஜ்கள் உள்ளடக்கம் - | லிங்க்குகள் உள்ளடக்கம் ``` #### மார்க்கட் உள்ளடக்கத்தை இம்போர்ட் செய்யுங்கள் 1. புதிய நோட் உருவாக்கவோ அல்லது ஏற்கனவே இருக்கும் ட்ரேட்டோவைத் திறக்கவோ. 2. **இம்போர்ட்** ஃபங்க்ஷனை **இம்போர்ட்** மெனுவில் இருந்து பயன்படுத்தவும். 3. `.md` ஃபைலைத் தேர்ந்தெடுக்கவோ அல்லது மார்க்கட் டெக்ஸ்ட்டை நேரடியாக பேஸ்ட் செய்யவும். 4. NoteRich மார்க்கட் ஸ்கிரிப்ட்டை தானாகவே கண்டுபிடித்து உள்ளடக்க மாடலுக்கு மாற்றும். இம்போர்ட் இயந்திரம் மார்க்கட் ஸ்கிரிப்ட் எல்லைகளை அடையாளம் கண்டு மாற்றுகிறது: ```markdown Pattern → Rich Text Element -------------------------------------------------- # Heading 1 → H1 Heading Node ## Heading 2 → H2 Heading Node **bold text** → Bold Text Node *italic text* → Italic Text Node - List item → Bullet List Item 1. Numbered item → Ordered List Item > Quote → Blockquote Node ```code``` → Code Block Node [Link](url) → Link Node ![Image](url) → Image Node ``` ### முறை 3: Rich Text முறையில் மார்க்கட் ஷார்ட்கட்கள் NoteRich இன் மிகவும் சக்திவாய்ந்த அம்சங்களில் ஒன்று, Rich Text முறையில் இருக்கும்போதும் **மார்க்கட் ஷார்ட்கட்களைப்** பயன்படுத்துவது. இந்த ஹைபர்ப்ளே ப்ரஸ்ட், மார்க்கட் ஸ்கிரிப்ட்டின் வேகத்தைப் பயன்படுத்தி டைப் செய்ய உதவுகிறது. Rich Text முறை இயக்கப்படும்போது, மார்க்கட் ஸ்கிரிப்ட் டைப் செய்யும்போது தானாகவே மாற்றம் நிகழ்கிறது: | டைப் செய்யும்போது | மாற்றம் செய்யப்படும் | தொடர்புடைய நிபந்தனை | |-------------------|------------------------|--------------------------| | `# ` | H1 Heading | ஹேஷ் பிறகு ஸ்பேஸ் | | `## ` | H2 Heading | டபுள் ஹேஷ் பிறகு ஸ்பேஸ் | | `### ` | H3 Heading | ட்ரிப் ஹேஷ் பிறகு ஸ்பேஸ் | | `- ` அல்லது `* ` | பல்லெட் லிஸ்ட் | டாஸ் பிறகு ஸ்பேஸ் | | `1. ` | நம்பர் பட்டியல் | நம்பர் பிறகு டோப்ப் | | `[] ` | செக் பிளாக் | பிரேஸ் பிறகு ஸ்பேஸ் | | `> ` | பிளாக்கோட் | குவாண்ட் பிறகு ஸ்பேஸ் | | ```` ``` ```` | கோட் பிளாக் | ட்ரிப் பிறகு ஸ்பேஸ் | | `[link](url)` | லிங்க் நோட் | லிங்க் நோட் பிறகு ஸ்பேஸ் | | `` `text` `` | `Inline Code` | லிங்க் நோட் பிறகு ஸ்பேஸ் | | `[text](url)` | [Hyperlink](url) | முழு லிங்க் பிறகு ஸ்பேஸ் |