Welcome to MDCode.io Editor

🚀 Features Overview

This editor supports a wide range of Markdown features and syntax highlighting. Here's what you can do:

📝 Text Formatting

Basic text can be formatted in various ways:

• Bold text using

  **text**

• Italic text using

  *text*

• Bold and italic using

  ***text***

• Strikethrough using

  ~~text~~

• inline code

  using backticks

💻 Code Blocks with Syntax Highlighting

// Advanced TypeScript Example
interface Document {
  id: string;
  title: string;
  content: string;
  lastModified: Date;
  metadata?: {
    author: string;
    tags: string[];
  };
}

class MarkdownDocument implements Document {
  constructor(
    public id: string = crypto.randomUUID(),
    public title: string = 'Untitled',
    public content: string = '',
    public lastModified: Date = new Date()
  ) {}

  async export(format: 'pdf' | 'md' = 'pdf'): Promise<Blob> {
    // Implementation for document export
    return new Blob([this.content], { type: 'text/markdown' });
  }

  save(): void {
    localStorage.setItem(\`doc_\${this.id}\`, JSON.stringify(this));
  }
}

📊 Tables with Alignment

✅ Task Lists

• Real-time preview
• Syntax highlighting
• File drag & drop
• Auto-save
• Search & Replace
• Collaborative editing
• Cloud storage integration

🔗 Links and Images

Visit our Documentation for more details.

📝 Advanced Features

1. Keyboard Shortcuts

   • Ctrl/Cmd + B

     for bold

   • Ctrl/Cmd + I

     for italic

   • Ctrl/Cmd + K

     for links

   • Ctrl/Cmd + S

     to save

2. File Operations

   • Drag & Drop files
   • Auto-save
   • PDF export
   • Markdown export

3. Editor Features

   • Sync scrolling
   • Line numbers
   • Word count
   • Reading time

💡 Pro Tip: Use the toolbar buttons or keyboard shortcuts for faster editing.

📁 Project Structure

mdcode/
├── src/
│   ├── components/
│   │   ├── Editor/
│   │   ├── Preview/
│   │   └── Toolbar/
│   ├── hooks/
│   └── utils/
├── public/
└── package.json

Made with ❤️ by MDCode.io - Professional Markdown Editing