Laxman Nepal Tools ✓: MARKDOWN TO PDF

Markdown to PDF Converter

Convert your Markdown documents to PDF files instantly - 100% in your browser with no server uploads

Input

Ready

Drag & Drop your Markdown file

Supports .md, .markdown files

File: -

Size: -

Type: -

Conversion Options

Include Table of Contents

Add Page Numbers

Syntax Highlighting

Add Watermark

# Welcome to Markdown to PDF Converter

## How to use:
1. Drag & drop a Markdown file or type in the editor
2. Customize conversion options
3. Click "Convert to PDF"
4. Download your PDF file

### Features:
- **100% browser-based** - No server uploads
- **Real-time preview** - See changes instantly
- **Multiple export options** - Download or copy

### Example Markdown:
```javascript
function helloWorld() {
    console.log("Hello, Markdown!");
}
                          
                          
                          
                          
                           <button id="md2pdf-processBtn" class="md2pdf-process-btn">
                  <i class="fas fa-sync-alt"></i> Convert to PDF
              </button>
              
              <div class="md2pdf-progress-container" id="md2pdf-progressContainer">
                  <div class="md2pdf-progress-header">
                      <span>Processing...</span>
                      <span id="md2pdf-progressPercent">0%</span>
                  </div>
                  <div class="md2pdf-progress-bar">
                      <div class="md2pdf-progress-fill" id="md2pdf-progressFill"></div>
                  </div>
              </div>
          </div>
          
          
          <div class="md2pdf-panel">
              <div class="md2pdf-panel-header">
                  <h2 class="md2pdf-panel-title">Output Preview</h2>
                  <span id="md2pdf-outputStatus">Waiting for input</span>
              </div>
              
              <div class="md2pdf-statistics">
                  <div class="md2pdf-stat-item">
                      <i class="fas fa-font"></i>
                      <span>Words: <span id="md2pdf-wordCount">0</span></span>
                  </div>
                  <div class="md2pdf-stat-item">
                      <i class="fas fa-text-width"></i>
                      <span>Characters: <span id="md2pdf-charCount">0</span></span>
                  </div>
                  <div class="md2pdf-stat-item">
                      <i class="fas fa-grip-lines"></i>
                      <span>Lines: <span id="md2pdf-lineCount">0</span></span>
                  </div>
              </div>
              
              <div class="md2pdf-preview" id="md2pdf-previewContainer">
                  <div class="md2pdf-empty-state" id="md2pdf-emptyPreview">
                      <i class="fas fa-file-pdf"></i>
                      <h3>PDF Preview Will Appear Here</h3>
                      <p>Upload a Markdown file or enter text to see the preview</p>
                  </div>
              </div>
              
              <div class="md2pdf-actions">
                  <button id="md2pdf-downloadBtn" class="md2pdf-action-btn md2pdf-download-btn" disabled>
                      <i class="fas fa-download"></i> Download PDF
                  </button>
                  <button id="md2pdf-copyBtn" class="md2pdf-action-btn md2pdf-copy-btn" disabled>
                      <i class="fas fa-copy"></i> Copy Markdown
                  </button>
                  <button id="md2pdf-resetBtn" class="md2pdf-action-btn md2pdf-reset-btn">
                      <i class="fas fa-redo"></i> Reset
                  </button>
              </div>
          </div>
      </div>
      
      <div class="md2pdf-footer">
          <p><strong>Markdown to PDF Converter</strong> © 2023 | All processing happens locally in your browser - no data leaves your computer</p>
      </div>
  </div>
</div>
          <script> 
            const { jsPDF } = window.jspdf; 
            const uploadArea = document.getElementById('md2pdf-uploadArea'); const fileInput = document.getElementById('md2pdf-fileInput'); const fileInfo = document.getElementById('md2pdf-fileInfo'); const fileName = document.getElementById('md2pdf-fileName'); const fileSize = document.getElementById('md2pdf-fileSize'); const fileType = document.getElementById('md2pdf-fileType'); const markdownInput = document.getElementById('md2pdf-markdownInput'); const processBtn = document.getElementById('md2pdf-processBtn'); const progressContainer = document.getElementById('md2pdf-progressContainer'); const progressFill = document.getElementById('md2pdf-progressFill'); const progressPercent = document.getElementById('md2pdf-progressPercent'); const previewContainer = document.getElementById('md2pdf-previewContainer'); const emptyPreview = document.getElementById('md2pdf-emptyPreview'); const wordCount = document.getElementById('md2pdf-wordCount'); const charCount = document.getElementById('md2pdf-charCount'); const lineCount = document.getElementById('md2pdf-lineCount'); const downloadBtn = document.getElementById('md2pdf-downloadBtn'); const copyBtn = document.getElementById('md2pdf-copyBtn'); const resetBtn = document.getElementById('md2pdf-resetBtn'); const statusText = document.getElementById('md2pdf-statusText'); const outputStatus = document.getElementById('md2pdf-outputStatus'); 
            let currentFile = null; let isProcessing = false; 
            document.addEventListener('DOMContentLoaded', () => { updateStatistics(); updatePreview(); }); 
            uploadArea.addEventListener('click', () => { fileInput.click(); }); uploadArea.addEventListener('dragover', (e) => { e.preventDefault(); uploadArea.style.borderColor = '#4361ee'; uploadArea.style.backgroundColor = '#e6f7ff'; }); uploadArea.addEventListener('dragleave', () => { uploadArea.style.borderColor = '#4cc9f0'; uploadArea.style.backgroundColor = 'white'; }); uploadArea.addEventListener('drop', (e) => { e.preventDefault(); uploadArea.style.borderColor = '#4cc9f0'; uploadArea.style.backgroundColor = 'white'; if (e.dataTransfer.files.length) { handleFile(e.dataTransfer.files[0]); } }); fileInput.addEventListener('change', (e) => { if (e.target.files.length) { handleFile(e.target.files[0]); } }); 
            function handleFile(file) { if (!file.name.endsWith('.md') && !file.name.endsWith('.markdown')) { showError('Please select a Markdown file (.md or .markdown)'); return; } currentFile = file; 
                                       fileName.textContent = file.name; fileSize.textContent = formatFileSize(file.size); fileType.textContent = file.type || 'text/markdown'; fileInfo.style.display = 'block'; 
                                       const reader = new FileReader(); reader.onload = (e) => { markdownInput.value = e.target.result; updateStatistics(); updatePreview(); }; reader.readAsText(file); statusText.textContent = 'File loaded'; statusText.style.color = '#3a0ca3'; } 
            updateStatistics() { const text = markdownInput.value; const words = text.trim() ? text.trim().split(/\s+/).length : 0; const chars = text.length; const lines = text.split('\n').length; wordCount.textContent = words; charCount.textContent = chars; lineCount.textContent = lines; } 
            function updatePreview() { if (!markdownInput.value.trim()) { emptyPreview.style.display = 'flex'; previewContainer.innerHTML = ''; return; } emptyPreview.style.display = 'none'; try { const html = marked.parse(markdownInput.value); previewContainer.innerHTML = html; outputStatus.textContent = 'Preview updated'; outputStatus.style.color = '#3a0ca3'; } catch (e) { previewContainer.innerHTML = `<div class="error-message">Error rendering preview: ${e.message}</div>`; outputStatus.textContent = 'Preview error'; outputStatus.style.color = 'var(--md2pdf-error-color)'; } } 
            processBtn.addEventListener('click', async () => { if (!markdownInput.value.trim()) { showError('Please enter Markdown content or upload a file'); return; } if (isProcessing) return; isProcessing = true; processBtn.disabled = true; processBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Processing...'; statusText.textContent = 'Processing started'; progressContainer.style.display = 'block'; 
                                                              { 
                                                                Markdown updateProgress(25, "Parsing Markdown..."); await delay(500); 
                                                                HTML updateProgress(50, "Rendering content..."); await delay(500); 
                                                                PDF updateProgress(75, "Creating PDF document..."); await generatePDF(); 
                                                                updateProgress(100, "Conversion complete!"); await delay(300); 
                                                                downloadBtn.disabled = false; copyBtn.disabled = false; processBtn.classList.add('md2pdf-success'); statusText.textContent = 'Conversion successful!'; outputStatus.textContent = 'PDF ready for download'; outputStatus.style.color = 'var(--md2pdf-success-color)'; } catch (error) { showError(`Conversion failed: ${error.message}`); processBtn.classList.add('md2pdf-error'); } finally { isProcessing = false; setTimeout(() => { processBtn.innerHTML = '<i class="fas fa-sync-alt"></i> Convert to PDF'; processBtn.disabled = false; processBtn.classList.remove('md2pdf-success', 'md2pdf-error'); }, 2000); } }); 
            async function generatePDF() { return new Promise((resolve, reject) => { try { 
              const tempElement = document.createElement('div'); tempElement.style.position = 'absolute'; tempElement.style.left = '-9999px'; tempElement.style.width = '800px'; tempElement.style.padding = '20px'; tempElement.style.fontFamily = 'Arial, sans-serif'; tempElement.style.backgroundColor = 'white'; tempElement.innerHTML = previewContainer.innerHTML; document.body.appendChild(tempElement); 
              html2canvas(tempElement, { scale: 2, useCORS: true, logging: false }).then(canvas => { const imgData = canvas.toDataURL('image/png'); const pdf = new jsPDF('p', 'mm', 'a4'); const imgWidth = pdf.internal.pageSize.getWidth(); const imgHeight = (canvas.height * imgWidth) / canvas.width; pdf.addImage(imgData, 'PNG', 0, 0, imgWidth, imgHeight); 
                                                                                                    if (document.getElementById('md2pdf-optionPageNumbers').checked) { const pageCount = pdf.internal.getNumberOfPages(); for (let i = 1; i <= pageCount; i++) { pdf.setPage(i); pdf.setFontSize(10); pdf.text(`Page ${i} of ${pageCount}`, imgWidth - 20, imgHeight - 10); } } 
                                                                                                    const pdfData = pdf.output('blob'); downloadBtn.onclick = () => { const url = URL.createObjectURL(pdfData); const a = document.createElement('a'); a.href = url; a.download = currentFile ? currentFile.name.replace(/\.\w+$/, '.pdf') : 'markdown-document.pdf'; a.click(); URL.revokeObjectURL(url); }; 
                                                                                                    document.body.removeChild(tempElement); resolve(); }); } catch (error) { reject(error); } }); } 
            copyBtn.addEventListener('click', () => { navigator.clipboard.writeText(markdownInput.value).then(() => { copyBtn.innerHTML = '<i class="fas fa-check"></i> Copied!'; setTimeout(() => { copyBtn.innerHTML = '<i class="fas fa-copy"></i> Copy Markdown'; }, 2000); }); }); 
            resetBtn.addEventListener('click', () => { markdownInput.value = ''; currentFile = null; fileInfo.style.display = 'none'; progressContainer.style.display = 'none'; downloadBtn.disabled = true; copyBtn.disabled = true; updateStatistics(); updatePreview(); statusText.textContent = 'Ready'; statusText.style.color = 'inherit'; outputStatus.textContent = 'Waiting for input'; outputStatus.style.color = 'inherit'; 
                                                      emptyPreview.style.display = 'flex'; }); 
            markdownInput.addEventListener('input', () => { updateStatistics(); updatePreview(); }); 
            document.querySelectorAll('.md2pdf-option-card').forEach(card => { card.addEventListener('click', (e) => { if (e.target.tagName !== 'INPUT') { const checkbox = card.querySelector('input'); checkbox.checked = !checkbox.checked; card.classList.toggle('active', checkbox.checked); } }); }); 
            formatFileSize(bytes) { if (bytes < 1024) return bytes + ' bytes'; else if (bytes < 1048576) return (bytes / 1024).toFixed(1) + ' KB'; else return (bytes / 1048576).toFixed(1) + ' MB'; } function updateProgress(percent, message) { progressFill.style.width = `${percent}%`; progressPercent.textContent = `${percent}%`; statusText.textContent = message; } function showError(message) { statusText.textContent = message; statusText.style.color = 'var(--md2pdf-error-color)'; statusText.classList.add('md2pdf-error'); setTimeout(() => statusText.classList.remove('md2pdf-error'), 1000); } function delay(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } </script>
</body> </html>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
</span>
<span class='post-timestamp'>
</span>
<span class='post-comment-link'>
</span>
<span class='post-icons'>
</span>
<div class='post-share-buttons goog-inline-block'>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
</div>
</div>

</div></div>
      
</div>
</div></div>
</div>
<div class='custom-footer-section section' id='custom_footer_section' name='Custom footer Area'><div class='widget HTML' data-version='1' id='HTML4'>
<div class='widget-content'>
<footer>
    <div class="container">
        
        <div class="footer-logo-container">
            <div class="footer-brand">
                <div class="footer-logo">
                    <i class="fas fa-compress-alt"></i>
        
  <span>Laxman Nepal<span class="logo-highlight">Tools</span></span>
                </div>
                <p class="footer-tagline">Reduce file sizes without losing quality</p>
            </div>
        </div>

<div class="footer-social-container">
            <div class="footer-social">
                <a href="#" class="social-icon" aria-label="Twitter">
                    <i class="fab fa-twitter"></i>
                </a>
                <a href="#" class="social-icon" aria-label="Facebook">
                    <i class="fab fa-facebook-f"></i>
                </a>
                <a href="#" class="social-icon" aria-label="Instagram">
                    <i class="fab fa-instagram"></i>
                </a>
                <a href="#" class="social-icon" aria-label="LinkedIn">
                    <i class="fab fa-linkedin-in"></i>
                </a>
                <a href="#" class="social-icon" aria-label="YouTube">
                    <i class="fab fa-youtube"></i>
                </a>
            </div>
        </div>

<div class="footer-bottom">
            <div class="footer-links">
                <a href="/privacy" class="footer-link">Privacy Policy</a>
                <a href="/terms" class="footer-link">Terms of Service</a>
                <a href="/contact" class="footer-link">Contact</a>
                <a href="/about" class="footer-link">About</a>
                <a href="/dmca" class="footer-link">DMCA</a>
            </div>
            <div class="copyright">
                <a href="https://codesterra.com">© <span id="current-year">2025</span> converter.ng</a>. All rights reserved.
            </div>
        </div>
    </div>
</footer>
<style>
    footer {
    background-color: var(--card-bg);
    padding: 60px 0 20px;
    border-top: 1px solid var(--border-color);
    color: var(--secondary-text);
    position: relative;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Centered Logo Section */
.footer-logo-container {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.footer-brand {
    text-align: center;
    max-width: 600px;
}

.footer-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--text-color);
    margin-bottom: 10px;
}

.footer-logo i {
    color: var(--primary-color);
    font-size: 2rem;
}

.logo-highlight {
    color: var(--primary-color);
}

.footer-tagline {
    font-size: 1rem;
    margin: 0;
    opacity: 0.8;
}

/* Centered Social Icons */
.footer-social-container {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.footer-social {
    display: flex;
    gap: 15px;
}

.social-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--bg-color);
    color: var(--text-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: 1px solid var(--border-color);
}

.social-icon:hover {
    background-color: var(--primary-color);
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(74, 107, 255, 0.3);
}

/* Bottom Row Layout */
.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-link {
    color: var(--secondary-text);
    text-decoration: none;
    transition: color 0.3s ease;
    font-size: 0.95rem;
}

.footer-link:hover {
    color: var(--primary-color);
}

.copyright {
    font-size: 0.9rem;
    opacity: 0.8;
}

.copyright a {
    color: var(--text-color);
    text-decoration: none;
    transition: color 0.3s ease;
}

.copyright a:hover {
    color: var(--primary-color);
}

@media (max-width: 768px) {
    .footer-bottom {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
    
    .footer-links {
        justify-content: center;
    }
    
    .footer-logo {
        font-size: 1.5rem;
    }
    
    .footer-logo i {
        font-size: 1.7rem;
    }
}
</style>

</script>
</div>
<div class='clear'></div>
</div></div>
<div class='custom-code section' id='custom_code' name='Custom Code Area'><div class='widget HTML' data-version='1' id='HTML3'>
<div class='widget-content'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />

.search-result-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.search-result-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

/* Thumbnail Styles */
.search-thumbnail {
  height: 180px;
  overflow: hidden;
}

.search-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.search-result-card:hover .search-thumbnail img {
  transform: scale(1.05);
}

/* Content Styles */
.search-content {
  padding: 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.search-title {
  margin: 0 0 10px;
  font-size: 1.25rem;
  line-height: 1.4;
}

.search-title a {
  color: #2c3e50;
  text-decoration: none;
  transition: color 0.2s;
}

.search-title a:hover {
  color: #e74c3c;
}

.search-meta {
  color: #7f8c8d;
  font-size: 0.85rem;
  margin-bottom: 10px;
}

.search-snippet {
  color: #34495e;
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 15px;
  flex-grow: 1;
}

.search-read-more {
  color: #3498db;
  font-weight: 500;
  text-decoration: none;
  font-size: 0.9rem;
  align-self: flex-start;
}

.search-read-more:hover {
  text-decoration: underline;
}

/* Header Styles */
.search-header {
  text-align: center;
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ecf0f1;
}

.search-header h1 {
  font-size: 2rem;
  color: #2c3e50;
  margin: 0 0 5px;
}

.search-header h1 span {
  color: #e74c3c;
}

.search-stats {
  color: #7f8c8d;
  font-size: 0.9rem;
}

/* No Results Styles */
.no-results-found {
  text-align: center;
  padding: 50px 20px;
  max-width: 600px;
  margin: 0 auto;
}

.no-results-found svg {
  width: 80px;
  height: 80px;
  fill: #bdc3c7;
  margin-bottom: 20px;
}

.no-results-found h2 {
  color: #2c3e50;
  margin: 0 0 10px;
}

.no-results-found p {
  color: #7f8c8d;
  font-size: 1.1rem;
  margin-bottom: 25px;
}

.home-link {
  display: inline-block;
  padding: 10px 20px;
  background: #3498db;
  color: white !important;
  text-decoration: none;
  border-radius: 5px;
  transition: background 0.2s;
}

.home-link:hover {
  background: #2980b9;
}

/* Highlight Styles */
.search-highlight {
  background-color: #fde68a;
  padding: 0 2px;
  border-radius: 3px;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .search-results-container {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .search-header h1 {
    font-size: 1.5rem;
  }
}
  </style>