mirror of
https://github.com/alam00000/bentopdf.git
synced 2026-09-05 17:37:39 +02:00
507 lines
21 KiB
HTML
507 lines
21 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<!-- Primary Meta Tags -->
|
|
<title>PDF Editing Tools - All Free Online PDF Editors | BentoPDF</title>
|
|
<meta
|
|
name="description"
|
|
content="Edit, modify, and enhance your PDFs with 25+ free online tools. Compress, rotate, crop, add watermarks, page numbers, and more. Privacy-first PDF editing in your browser."
|
|
/>
|
|
<meta
|
|
name="keywords"
|
|
content="pdf editor, edit pdf, compress pdf, rotate pdf, crop pdf, organize pdf, delete pages, add watermark, header & footer, page numbers, background color, text color, invert colors, add blank page, reverse pages, divide pages, remove annotations, remove blank pages, extract pages, extract images, extract tables, n-up pdf, custom rotation, to greyscale"
|
|
/>
|
|
<meta name="author" content="BentoPDF" />
|
|
<meta name="robots" content="index, follow, max-image-preview:large" />
|
|
|
|
<!-- Canonical URL -->
|
|
<link rel="canonical" href="https://www.bentopdf.com/pdf-editor" />
|
|
|
|
<!-- Open Graph -->
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://www.bentopdf.com/pdf-editor" />
|
|
<meta
|
|
property="og:title"
|
|
content="PDF Editing Tools - All Free Online PDF Editors | BentoPDF"
|
|
/>
|
|
<meta
|
|
property="og:description"
|
|
content="Edit, modify, and enhance your PDFs with 25+ free online tools. Compress, rotate, crop, add watermarks, page numbers, and more. Privacy-first PDF editing in your browser."
|
|
/>
|
|
<meta
|
|
property="og:image"
|
|
content="https://www.bentopdf.com/images/og-pdf-editor.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:title"
|
|
content="PDF Editing Tools - All Free Online PDF Editors | BentoPDF"
|
|
/>
|
|
<meta
|
|
name="twitter:description"
|
|
content="Edit, modify, and enhance your PDFs with 25+ free online tools. Compress, rotate, crop, add watermarks, page numbers, and more. Privacy-first PDF editing in your browser."
|
|
/>
|
|
<meta
|
|
name="twitter:image"
|
|
content="https://www.bentopdf.com/images/twitter-pdf-editor.png"
|
|
/>
|
|
<meta name="twitter:site" content="@BentoPDF" />
|
|
|
|
<link href="/src/css/styles.css" rel="stylesheet" />
|
|
<script type="module">
|
|
import '@phosphor-icons/web/regular';
|
|
</script>
|
|
|
|
<!-- 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">
|
|
<!-- Navigation -->
|
|
{{> navbar }}
|
|
|
|
<!-- Hero Section -->
|
|
<section class="container mx-auto px-4 py-12 md:py-16">
|
|
<div class="max-w-4xl mx-auto text-center">
|
|
<h1 class="text-3xl md:text-5xl font-bold text-white mb-6">
|
|
PDF Editor - Free Online PDF Editing Tools
|
|
</h1>
|
|
<p class="text-lg md:text-xl text-gray-300 mb-8">
|
|
Edit and enhance your PDF files with BentoPDF's comprehensive suite of
|
|
25+ editing tools. Compress file sizes, rotate pages, crop documents,
|
|
add watermarks, insert page numbers, change colors, and much more. All
|
|
editing happens in your browser - your files stay completely private.
|
|
No signup, no limits, completely free.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Tools Grid Section -->
|
|
<section class="container mx-auto px-4 py-8">
|
|
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">
|
|
All PDF Editor Tools
|
|
</h2>
|
|
|
|
<div
|
|
class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4"
|
|
>
|
|
<a href="/edit-pdf" class="tool-card">
|
|
<i class="ph ph-pencil-simple text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Edit PDF</h3>
|
|
<p class="text-gray-400 text-sm">Comprehensive editing</p>
|
|
</a>
|
|
<a href="/edit-pdf-text" class="tool-card">
|
|
<i class="ph ph-cursor-text text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Edit PDF Text</h3>
|
|
<p class="text-gray-400 text-sm">Rewrite text in place</p>
|
|
</a>
|
|
<a href="/compress-pdf" class="tool-card">
|
|
<i class="ph ph-lightning text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Compress PDF</h3>
|
|
<p class="text-gray-400 text-sm">Reduce file size</p>
|
|
</a>
|
|
<a href="/rotate-pdf" class="tool-card">
|
|
<i class="ph ph-arrow-clockwise text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Rotate PDF</h3>
|
|
<p class="text-gray-400 text-sm">Rotate pages</p>
|
|
</a>
|
|
<a href="/crop-pdf" class="tool-card">
|
|
<i class="ph ph-crop text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Crop PDF</h3>
|
|
<p class="text-gray-400 text-sm">Trim pages</p>
|
|
</a>
|
|
<a href="/organize-pdf" class="tool-card">
|
|
<i class="ph ph-files text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Organize PDF</h3>
|
|
<p class="text-gray-400 text-sm">Reorder pages</p>
|
|
</a>
|
|
<a href="/delete-pages" class="tool-card">
|
|
<i class="ph ph-trash text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Delete Pages</h3>
|
|
<p class="text-gray-400 text-sm">Remove pages</p>
|
|
</a>
|
|
<a href="/add-watermark" class="tool-card">
|
|
<i class="ph ph-drop text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Add Watermark</h3>
|
|
<p class="text-gray-400 text-sm">Protect PDFs</p>
|
|
</a>
|
|
<a href="/header-footer" class="tool-card">
|
|
<i class="ph ph-paragraph text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Header & Footer</h3>
|
|
<p class="text-gray-400 text-sm">Add headers/footers</p>
|
|
</a>
|
|
<a href="/page-numbers" class="tool-card">
|
|
<i class="ph ph-list-numbers text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Page Numbers</h3>
|
|
<p class="text-gray-400 text-sm">Number pages</p>
|
|
</a>
|
|
<a href="/background-color" class="tool-card">
|
|
<i class="ph ph-palette text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Background Color</h3>
|
|
<p class="text-gray-400 text-sm">Change background</p>
|
|
</a>
|
|
<a href="/text-color" class="tool-card">
|
|
<i class="ph ph-eyedropper text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Text Color</h3>
|
|
<p class="text-gray-400 text-sm">Change text color</p>
|
|
</a>
|
|
<a href="/invert-colors" class="tool-card">
|
|
<i class="ph ph-circle-half text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Invert Colors</h3>
|
|
<p class="text-gray-400 text-sm">Dark mode</p>
|
|
</a>
|
|
<a href="/add-blank-page" class="tool-card">
|
|
<i class="ph ph-file-plus text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Add Blank Page</h3>
|
|
<p class="text-gray-400 text-sm">Insert pages</p>
|
|
</a>
|
|
<a href="/reverse-pages" class="tool-card">
|
|
<i class="ph ph-sort-descending text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Reverse Pages</h3>
|
|
<p class="text-gray-400 text-sm">Reverse order</p>
|
|
</a>
|
|
<a href="/divide-pages" class="tool-card">
|
|
<i class="ph ph-columns text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Divide Pages</h3>
|
|
<p class="text-gray-400 text-sm">Split into parts</p>
|
|
</a>
|
|
<a href="/remove-annotations" class="tool-card">
|
|
<i class="ph ph-eraser text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Remove Annotations</h3>
|
|
<p class="text-gray-400 text-sm">Clean comments</p>
|
|
</a>
|
|
<a href="/remove-blank-pages" class="tool-card">
|
|
<i class="ph ph-file-minus text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Remove Blank Pages</h3>
|
|
<p class="text-gray-400 text-sm">Auto-clean</p>
|
|
</a>
|
|
<a href="/extract-pages" class="tool-card">
|
|
<i class="ph ph-squares-four text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Extract Pages</h3>
|
|
<p class="text-gray-400 text-sm">Pull out pages</p>
|
|
</a>
|
|
<a href="/extract-images" class="tool-card">
|
|
<i class="ph ph-download-simple text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Extract Images</h3>
|
|
<p class="text-gray-400 text-sm">Get images</p>
|
|
</a>
|
|
<a href="/extract-tables" class="tool-card">
|
|
<i class="ph ph-table text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Extract Tables</h3>
|
|
<p class="text-gray-400 text-sm">Export tables</p>
|
|
</a>
|
|
<a href="/n-up-pdf" class="tool-card">
|
|
<i class="ph ph-squares-four text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">N-up PDF</h3>
|
|
<p class="text-gray-400 text-sm">Multiple per page</p>
|
|
</a>
|
|
<a href="/rotate-custom" class="tool-card">
|
|
<i class="ph ph-arrows-clockwise text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">Custom Rotation</h3>
|
|
<p class="text-gray-400 text-sm">Precise angles</p>
|
|
</a>
|
|
<a href="/pdf-to-greyscale" class="tool-card">
|
|
<i class="ph ph-palette text-4xl text-indigo-400 mb-2"></i>
|
|
<h3 class="font-semibold text-white">To Greyscale</h3>
|
|
<p class="text-gray-400 text-sm">Remove color</p>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Why Choose Section -->
|
|
<section class="container mx-auto px-4 py-12">
|
|
<div class="max-w-4xl mx-auto">
|
|
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">
|
|
Why Use BentoPDF PDF Editor Tools?
|
|
</h2>
|
|
|
|
<div class="grid md:grid-cols-2 gap-6">
|
|
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
|
|
<i class="ph ph-shield-check text-5xl text-indigo-400 mb-4"></i>
|
|
<h3 class="text-xl font-semibold text-white mb-2">
|
|
100% Privacy-First
|
|
</h3>
|
|
<p class="text-gray-400">
|
|
All operations happen in your browser. Your files never leave your
|
|
device, never uploaded to servers. Complete privacy guaranteed.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
|
|
<i class="ph ph-infinity text-5xl text-purple-400 mb-4"></i>
|
|
<h3 class="text-xl font-semibold text-white mb-2">
|
|
Unlimited & Free
|
|
</h3>
|
|
<p class="text-gray-400">
|
|
Use all tools as many times as you want, with files of any size.
|
|
No file limits, no tool limits. Completely free forever.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
|
|
<i class="ph ph-lightning text-5xl text-yellow-400 mb-4"></i>
|
|
<h3 class="text-xl font-semibold text-white mb-2">
|
|
Lightning Fast
|
|
</h3>
|
|
<p class="text-gray-400">
|
|
Browser-based processing means instant results. No waiting for
|
|
uploads or downloads. Works offline after page load.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
|
|
<i class="ph ph-user-minus text-5xl text-red-400 mb-4"></i>
|
|
<h3 class="text-xl font-semibold text-white mb-2">
|
|
No Signup Required
|
|
</h3>
|
|
<p class="text-gray-400">
|
|
Start using tools immediately. No account creation, no email, no
|
|
personal information needed. Just open and use.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- FAQ Section -->
|
|
<section class="container mx-auto px-4 py-12">
|
|
<div class="max-w-4xl mx-auto">
|
|
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">
|
|
Frequently Asked Questions
|
|
</h2>
|
|
|
|
<div class="faq-list">
|
|
<details class="faq-d">
|
|
<summary class="faq-d-q">
|
|
Can I change the existing text in a PDF?
|
|
<i data-lucide="plus" class="faq-d-icon"></i>
|
|
</summary>
|
|
<p class="faq-d-a">
|
|
<a
|
|
href="/edit-pdf-text"
|
|
class="text-indigo-300 hover:text-indigo-400"
|
|
>Edit PDF Text</a
|
|
>
|
|
lets you click any paragraph and rewrite it in place, with the
|
|
surrounding text reflowing as you type and controls for fonts and
|
|
styling. For adding new text boxes, comments, highlights, shapes,
|
|
or images on top of the page, use the general Edit PDF tool
|
|
instead.
|
|
</p>
|
|
</details>
|
|
<details class="faq-d">
|
|
<summary class="faq-d-q">
|
|
What can I do in the Edit PDF tool?
|
|
<i data-lucide="plus" class="faq-d-icon"></i>
|
|
</summary>
|
|
<p class="faq-d-a">
|
|
The
|
|
<a href="/edit-pdf" class="text-indigo-300 hover:text-indigo-400"
|
|
>Edit PDF</a
|
|
>
|
|
toolbar covers highlighting, underlining, strikethrough, freehand
|
|
drawing, text and comments, shapes and images, permanent
|
|
redaction, and full-text search. It keeps the original PDF
|
|
structure, so fonts, layouts, and form fields stay intact, and you
|
|
can keep up to 10 documents open in tabs and switch between them.
|
|
</p>
|
|
</details>
|
|
<details class="faq-d">
|
|
<summary class="faq-d-q">
|
|
How do I make a PDF smaller?
|
|
<i data-lucide="plus" class="faq-d-icon"></i>
|
|
</summary>
|
|
<p class="faq-d-a">
|
|
<a
|
|
href="/compress-pdf"
|
|
class="text-indigo-300 hover:text-indigo-400"
|
|
>Compress PDF</a
|
|
>
|
|
offers two methods. Condense strips unused structure, downsamples
|
|
images to a target DPI, and subsets fonts while keeping text
|
|
selectable and links working; Photon re-renders each page as a
|
|
JPEG, which saves more on scans and photo-heavy files but leaves
|
|
text unselectable. Start with the Balanced level and only step up
|
|
to Aggressive or Extreme if the file is still too large.
|
|
</p>
|
|
</details>
|
|
<details class="faq-d">
|
|
<summary class="faq-d-q">
|
|
Which editing tools keep my text selectable?
|
|
<i data-lucide="plus" class="faq-d-icon"></i>
|
|
</summary>
|
|
<p class="faq-d-a">
|
|
Page-level tools such as Rotate, Organize, Delete Pages,
|
|
Background Color, and Remove Annotations work on the PDF structure
|
|
and leave text searchable. Invert Colors, Change Text Color, and
|
|
PDF to Greyscale re-render every page as an image, so text in
|
|
their output can no longer be selected or searched, and the Photon
|
|
compression mode does the same. If you need searchable text after
|
|
one of those, run the result through
|
|
<a href="/ocr-pdf" class="text-indigo-300 hover:text-indigo-400"
|
|
>OCR PDF</a
|
|
>.
|
|
</p>
|
|
</details>
|
|
<details class="faq-d">
|
|
<summary class="faq-d-q">
|
|
Can I add page numbers or a header and footer?
|
|
<i data-lucide="plus" class="faq-d-icon"></i>
|
|
</summary>
|
|
<p class="faq-d-a">
|
|
<a
|
|
href="/page-numbers"
|
|
class="text-indigo-300 hover:text-indigo-400"
|
|
>Page Numbers</a
|
|
>
|
|
puts a number in any of six positions on every page, in plain or
|
|
"page X of Y" style, with your choice of font size and color.
|
|
Header and Footer adds text to six slots per page (left, center,
|
|
and right at top and bottom), understands {page} and {total}
|
|
placeholders so a footer like "Page {page} of {total}" fills in
|
|
correctly on each page, and can be limited to a page range.
|
|
</p>
|
|
</details>
|
|
<details class="faq-d">
|
|
<summary class="faq-d-q">
|
|
Can I put a watermark on every page?
|
|
<i data-lucide="plus" class="faq-d-icon"></i>
|
|
</summary>
|
|
<p class="faq-d-a">
|
|
<a
|
|
href="/add-watermark"
|
|
class="text-indigo-300 hover:text-indigo-400"
|
|
>Add Watermark</a
|
|
>
|
|
stamps text or an image onto your pages, and you position it by
|
|
dragging on a live preview, then set opacity, rotation, and size.
|
|
A tiled mode repeats the mark across the whole page so it's much
|
|
harder to crop out, and you can apply one watermark to all pages,
|
|
restrict it to a page range, or set a different watermark on each
|
|
page.
|
|
</p>
|
|
</details>
|
|
<details class="faq-d">
|
|
<summary class="faq-d-q">
|
|
Can I rotate a single page, or fix a slightly tilted scan?
|
|
<i data-lucide="plus" class="faq-d-icon"></i>
|
|
</summary>
|
|
<p class="faq-d-a">
|
|
<a
|
|
href="/rotate-pdf"
|
|
class="text-indigo-300 hover:text-indigo-400"
|
|
>Rotate PDF</a
|
|
>
|
|
shows a thumbnail of every page with its own left and right
|
|
buttons for 90-degree turns, plus a bulk control for the whole
|
|
document. For a scan that's off by a few degrees, Rotate by Custom
|
|
Degrees accepts any angle, per page or for all pages at once.
|
|
</p>
|
|
</details>
|
|
<details class="faq-d">
|
|
<summary class="faq-d-q">
|
|
Does editing a PDF here upload it anywhere?
|
|
<i data-lucide="plus" class="faq-d-icon"></i>
|
|
</summary>
|
|
<p class="faq-d-a">
|
|
No. The editor and every other tool on this page run as
|
|
WebAssembly inside your browser, so the file is opened, changed,
|
|
and saved on your own device without a server in between. Nothing
|
|
is stored, so there's no copy to delete when you're done.
|
|
</p>
|
|
</details>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
{{> footer }}
|
|
|
|
<script type="module" src="/src/js/utils/lucide-init.ts"></script>
|
|
<script type="module" src="/src/js/mobileMenu.ts"></script>
|
|
<script type="module" src="/src/js/main.ts"></script>
|
|
|
|
<!-- Fix BASE_URL for subdirectory deployment -->
|
|
<script type="module">
|
|
const BASE_URL = import.meta.env.BASE_URL;
|
|
|
|
// Update all links that have literal / placeholder
|
|
document.querySelectorAll('a[href*="$"]').forEach((link) => {
|
|
if (link.href.includes('/')) {
|
|
const newHref = link
|
|
.getAttribute('href')
|
|
.replace(/${BASE_URL}/g, BASE_URL);
|
|
link.setAttribute('href', newHref);
|
|
}
|
|
});
|
|
|
|
// Update all src attributes
|
|
document.querySelectorAll('[src*="$"]').forEach((elem) => {
|
|
if (elem.src.includes('/')) {
|
|
const newSrc = elem
|
|
.getAttribute('src')
|
|
.replace(/${BASE_URL}/g, BASE_URL);
|
|
elem.setAttribute('src', newSrc);
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<!-- JSON-LD CollectionPage Schema -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "CollectionPage",
|
|
"name": "PDF Editor Tools",
|
|
"description": "Edit, modify, and enhance your PDFs with 25+ free online tools. Compress, rotate, crop, add watermarks, page numbers, and more. Privacy-first PDF editing in your browser.",
|
|
"url": "https://www.bentopdf.com/pdf-editor",
|
|
"breadcrumb": {
|
|
"@type": "BreadcrumbList",
|
|
"itemListElement": [
|
|
{
|
|
"@type": "ListItem",
|
|
"position": 1,
|
|
"name": "Home",
|
|
"item": "https://www.bentopdf.com"
|
|
},
|
|
{
|
|
"@type": "ListItem",
|
|
"position": 2,
|
|
"name": "PDF Editor",
|
|
"item": "https://www.bentopdf.com/pdf-editor"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|