lucasw89/bentopdf
1
0
Fork 0
mirror of https://github.com/alam00000/bentopdf.git synced 2026-11-07 16:41:00 +01:00
Code Issues Packages Projects Releases Wiki Activity
Files
6ac0599ce3d0f9cccc417e7bddf01dc20707c9b5
bentopdf/src/pages/email-to-pdf.html
T
alam00000 9e980cdea2 seo fixes
2026-09-04 16:26:08 +05:30

559 lines
20 KiB
HTML
Raw Blame History

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Primary Meta Tags -->
<meta
name="title"
content="Email to PDF Converter Free Online - EML MSG to PDF | BentoPDF"
/>
<meta
name="description"
content="Convert email files (EML, MSG) to PDF format. Supports Outlook exports and standard email formats. Free, no uploads, no signup. Runs entirely in your browser."
/>
<meta
name="keywords"
content="email to pdf, eml to pdf, msg to pdf, outlook email to pdf, convert email, email converter"
/>
<meta name="author" content="BentoPDF" />
<meta
name="robots"
content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
/>
<!-- Canonical URL -->
<link rel="canonical" href="https://www.bentopdf.com/email-to-pdf" />
<!-- Open Graph / Facebook / LinkedIn -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.bentopdf.com/email-to-pdf" />
<meta
property="og:title"
content="Email to PDF Converter Free Online - EML MSG to PDF | BentoPDF"
/>
<meta
property="og:description"
content="Convert email files (EML, MSG) to PDF format. Supports Outlook exports and standard email formats. Free, no uploads, no signup. Runs entirely in your browser."
/>
<meta
property="og:image"
content="https://www.bentopdf.com/images/og-email-to-pdf.png"
/>
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:site_name" content="BentoPDF" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://www.bentopdf.com/email-to-pdf" />
<meta name="twitter:title" content="Email to PDF Free" />
<meta
name="twitter:description"
content="Convert email files (EML, MSG) to PDF format. Supports Outlook exports and standard email formats. Free, no uploads, no signup. Runs entirely in your browser."
/>
<meta
name="twitter:image"
content="https://www.bentopdf.com/images/twitter-email-to-pdf.png"
/>
<meta name="twitter:site" content="@BentoPDF" />
<!-- Mobile Web App -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-title" content="Email to PDF" />
<title>Email to PDF - Convert EML/MSG to PDF - BentoPDF</title>
<link href="/src/css/styles.css" rel="stylesheet" />
<!-- Web App Manifest -->
<link rel="manifest" href="/site.webmanifest" />
<!-- Favicons -->
<link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
<link
rel="icon"
type="image/png"
sizes="192x192"
href="/images/favicon-192x192.png"
/>
<link
rel="icon"
type="image/png"
sizes="512x512"
href="/images/favicon-512x512.png"
/>
<link
rel="apple-touch-icon"
sizes="180x180"
href="/images/apple-touch-icon.png"
/>
<link rel="icon" href="/favicon.ico" sizes="32x32" />
</head>
<body class="antialiased bg-gray-900">
{{> navbar }}
<div
id="uploader"
class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900"
>
<div
id="tool-uploader"
class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700"
>
<button
id="back-to-tools"
class="flex items-center gap-2 text-indigo-300 hover:text-indigo-400 mb-6 font-semibold"
>
<i data-lucide="arrow-left" class="cursor-pointer"></i>
<span class="cursor-pointer" data-i18n="tools.backToTools">
Back to Tools
</span>
</button>
<h1
class="text-2xl font-bold text-white mb-2"
data-i18n="tools:emailToPdf.name"
>
Email to PDF
</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:emailToPdf.subtitle">
Convert email files (EML, MSG) to PDF format. Supports Outlook exports
and standard email formats.
</p>
<div
id="drop-zone"
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"
>
<div class="flex flex-col items-center justify-center pt-5 pb-6">
<i class="ph ph-upload-simple text-4xl mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400">
<span class="font-semibold" data-i18n="upload.clickToSelect"
>Click to select files</span
>
<span data-i18n="upload.orDragAndDrop">or drag and drop</span>
</p>
<p
class="text-xs text-gray-500"
data-i18n="tools:emailToPdf.acceptedFormats"
>
EML, MSG files
</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
Your files never leave your device.
</p>
</div>
<input
id="file-input"
type="file"
class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
accept=".eml,.msg,message/rfc822,application/vnd.ms-outlook"
multiple
/>
</div>
<div id="file-controls" class="hidden mt-4 flex gap-3">
<button
id="add-more-btn"
class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2"
>
<i data-lucide="plus"></i>
<span data-i18n="upload.addMore">Add More Files</span>
</button>
<button
id="clear-files-btn"
class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2"
>
<i data-lucide="trash-2"></i>
<span data-i18n="upload.clearAll">Clear All</span>
</button>
</div>
<div id="file-display-area" class="mt-4 space-y-2"></div>
<div id="convert-options" class="hidden mt-6 space-y-4">
<!-- Options Panel -->
<div class="bg-gray-700/50 rounded-lg p-4 space-y-4">
<h3
class="text-sm font-semibold text-gray-300 uppercase tracking-wide"
>
Conversion Options
</h3>
<!-- Page Size -->
<div class="flex items-center justify-between">
<label for="page-size" class="text-gray-300 text-sm"
>Page Size</label
>
<select
id="page-size"
class="bg-gray-700 border border-gray-600 rounded-lg px-3 py-2 text-gray-200 text-sm focus:ring-indigo-500 focus:border-indigo-500"
>
<option value="a4" selected>A4</option>
<option value="letter">Letter</option>
<option value="legal">Legal</option>
</select>
</div>
<!-- Include CC/BCC -->
<div class="flex items-center">
<input
type="checkbox"
id="include-cc-bcc"
checked
class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500"
/>
<label for="include-cc-bcc" class="ml-3 text-gray-300 text-sm"
>Include CC and BCC recipients in header</label
>
</div>
<!-- Include Attachments List -->
<div class="flex items-center">
<input
type="checkbox"
id="include-attachments"
checked
class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500"
/>
<label
for="include-attachments"
class="ml-3 text-gray-300 text-sm"
>Include email attachments list</label
>
</div>
</div>
<button
id="process-btn"
class="btn-gradient w-full"
data-i18n="tools:emailToPdf.convertButton"
>
Convert to PDF
</button>
</div>
</div>
</div>
<div
id="loader-modal"
class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50"
>
<div
class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl"
>
<div class="solid-spinner"></div>
<p id="loader-text" class="text-white text-lg font-medium">
Processing...
</p>
</div>
</div>
<div
id="alert-modal"
class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"
>
<div
class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"
>
<h3
id="alert-title"
class="text-xl font-bold text-white mb-2"
data-i18n="alert.title"
>
Alert
</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p>
<button
id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"
>
OK
</button>
</div>
</div>
<!-- How It Works Section -->
<section class="max-w-4xl mx-auto px-4 py-12">
<h2
class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
data-i18n="howItWorks.title"
>
How It Works
</h2>
<div class="space-y-6">
<div class="flex items-start gap-4">
<div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"
>
1
</div>
<div class="flex-1">
<h3 class="text-lg font-semibold text-white mb-1">
Upload Email File
</h3>
<p class="text-gray-400">
Click or drag and drop your .eml or .msg file to begin
</p>
</div>
</div>
<div class="flex items-start gap-4">
<div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"
>
2
</div>
<div class="flex-1">
<h3 class="text-lg font-semibold text-white mb-1">Process</h3>
<p class="text-gray-400">
Click the convert button to generate your PDF
</p>
</div>
</div>
<div class="flex items-start gap-4">
<div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"
>
3
</div>
<div class="flex-1">
<h3 class="text-lg font-semibold text-white mb-1">Download</h3>
<p class="text-gray-400">Save your converted PDF file instantly</p>
</div>
</div>
</div>
</section>
<!-- Related Tools Section -->
<section class="max-w-6xl mx-auto px-4 py-12">
<h2
class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
data-i18n="relatedTools.title"
>
Related PDF Tools
</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a
href="merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"
>
<h3 class="text-white font-semibold mb-1">Merge PDF</h3>
<p class="text-gray-400 text-sm">Free online merge PDF tool</p>
</a>
<a
href="word-to-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"
>
<h3 class="text-white font-semibold mb-1">Word to PDF</h3>
<p class="text-gray-400 text-sm">Convert Word documents to PDF</p>
</a>
<a
href="compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"
>
<h3 class="text-white font-semibold mb-1">Compress PDF</h3>
<p class="text-gray-400 text-sm">Free online compress PDF tool</p>
</a>
<a
href="txt-to-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"
>
<h3 class="text-white font-semibold mb-1">Text to PDF</h3>
<p class="text-gray-400 text-sm">Convert text files to PDF</p>
</a>
<a
href="edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"
>
<h3 class="text-white font-semibold mb-1">Edit PDF</h3>
<p class="text-gray-400 text-sm">Free online edit PDF tool</p>
</a>
</div>
</section>
<!-- FAQ Section -->
<section class="max-w-4xl mx-auto px-4 py-12">
<h2
class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
data-i18n="faq.sectionTitle"
>
Frequently Asked Questions
</h2>
<div class="faq-list">
<details class="faq-d">
<summary class="faq-d-q">
How do I get an .eml or .msg file out of my email client?
<i data-lucide="plus" class="faq-d-icon"></i>
</summary>
<p class="faq-d-a">
In Gmail, open the message, use the three-dot menu, and choose
Download message to save an .eml file. Outlook for Windows saves a
.msg when you drag a message to a folder or use Save As; Apple Mail
and Thunderbird save .eml through their Save As commands. Drop the
saved file into the tool.
</p>
</details>
<details class="faq-d">
<summary class="faq-d-q">
Do inline images and formatting survive the conversion?
<i data-lucide="plus" class="faq-d-icon"></i>
</summary>
<p class="faq-d-a">
HTML emails keep their layout, fonts, and colors, and images
embedded in the message itself (the cid: kind used for signatures
and pasted screenshots) are included. Images that the email loads
from a web server aren't downloaded, so those spots come out empty.
</p>
</details>
<details class="faq-d">
<summary class="faq-d-q">
Can I hide the CC and BCC lines?
<i data-lucide="plus" class="faq-d-icon"></i>
</summary>
<p class="faq-d-a">
Turn off Include CC and BCC before converting and the header block
shows only From, To, Date, and Subject. The same panel has a toggle
for the attachments list at the bottom of the PDF.
</p>
</details>
<details class="faq-d">
<summary class="faq-d-q">
Which page sizes are available?
<i data-lucide="plus" class="faq-d-icon"></i>
</summary>
<p class="faq-d-a">
A4, US Letter, and Legal, with a 50-point margin on every side. Long
emails flow onto as many pages as needed. The page size applies to
the whole batch, so pick it before you click Convert.
</p>
</details>
<details class="faq-d">
<summary class="faq-d-q">
Can I convert a whole thread or mailbox (.mbox, .pst) at once?
<i data-lucide="plus" class="faq-d-icon"></i>
</summary>
<p class="faq-d-a">
The tool reads individual message files only, one email per PDF. It
doesn't open .mbox or .pst mailboxes, so export the messages you
need as separate .eml or .msg files first; you can then drop them
all in together and get a ZIP of PDFs.
</p>
</details>
<details class="faq-d">
<summary class="faq-d-q">
Are links in the email clickable in the PDF?
<i data-lucide="plus" class="faq-d-icon"></i>
</summary>
<p class="faq-d-a">
Web and mailto links are re-created as clickable links wherever the
link text can be matched on the page. Very short link text (three
characters or fewer) isn't matched, so those particular links appear
as plain text.
</p>
</details>
<details class="faq-d">
<summary class="faq-d-q">
What is the converted email's PDF named?
<i data-lucide="plus" class="faq-d-icon"></i>
</summary>
<p class="faq-d-a">
A single email becomes a PDF with the same base name as the .eml or
.msg file. Several emails are packaged into emails-converted.zip
with one PDF per message.
</p>
</details>
<details class="faq-d">
<summary class="faq-d-q">
Does converting an email trigger tracking pixels or contact the
sender's server?
<i data-lucide="plus" class="faq-d-icon"></i>
</summary>
<p class="faq-d-a">
No. The message is parsed and rendered entirely in your browser, and
no remote images, scripts, or stylesheets referenced by the email
are fetched. Open-tracking pixels never fire, and the email's
contents never leave your device.
</p>
</details>
</div>
</section>
{{> footer }}
<script type="module" src="/src/js/utils/lucide-init.ts"></script>
<script type="module" src="/src/js/utils/full-width.ts"></script>
<script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
<script type="module" src="/src/js/logic/email-to-pdf-page.ts"></script>
<script type="module" src="/src/js/mobileMenu.ts"></script>
<script type="module" src="/src/js/main.ts"></script>
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "Email to PDF - BentoPDF",
"applicationCategory": "PDF Tool",
"operatingSystem": "Any - Web Browser",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "HowTo",
"name": "How to convert email to PDF online",
"description": "Learn how to convert email files to PDF using BentoPDF",
"step": [
{
"@type": "HowToStep",
"position": 1,
"name": "Upload Email File",
"text": "Click or drag and drop your .eml or .msg file"
},
{
"@type": "HowToStep",
"position": 2,
"name": "Process",
"text": "Click the convert button"
},
{
"@type": "HowToStep",
"position": 3,
"name": "Download",
"text": "Download your converted PDF file"
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://www.bentopdf.com"
},
{
"@type": "ListItem",
"position": 2,
"name": "Email to PDF",
"item": "https://www.bentopdf.com/email-to-pdf"
}
]
}
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink