pdf-editor.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 Editor - Free Online PDF Editor Tools | 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.html" />

    <!-- 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 Editor - Free Online PDF Editor Tools | 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 Editor - Free Online Tools" />
    <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="/src/pages/edit-pdf.html" 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="/src/pages/compress-pdf.html" 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="/src/pages/rotate-pdf.html" 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="/src/pages/crop-pdf.html" 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="/src/pages/organize-pdf.html" 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="/src/pages/delete-pages.html" 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="/src/pages/add-watermark.html" 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="/src/pages/header-footer.html" 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="/src/pages/page-numbers.html" 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="/src/pages/background-color.html" 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="/src/pages/text-color.html" 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="/src/pages/invert-colors.html" 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="/src/pages/add-blank-page.html" 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="/src/pages/reverse-pages.html" 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="/src/pages/divide-pages.html" 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="/src/pages/remove-annotations.html" 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="/src/pages/remove-blank-pages.html" 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="/src/pages/extract-pages.html" 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="/src/pages/extract-images.html" 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="/src/pages/extract-tables.html" 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="/src/pages/n-up-pdf.html" 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="/src/pages/rotate-custom.html" 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="/src/pages/pdf-to-greyscale.html" 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="space-y-4">
          <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
            <summary
              class="cursor-pointer font-semibold text-white flex items-center justify-between"
            >
              Are these pdf editor tools really free?
              <i class="ph ph-caret-down text-xl"></i>
            </summary>
            <p class="mt-3 text-gray-400">
              Yes! All BentoPDF pdf editor tools are 100% free with no hidden
              fees, no premium tiers, and no subscription required. Use
              unlimited tools, unlimited times.
            </p>
          </details>

          <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
            <summary
              class="cursor-pointer font-semibold text-white flex items-center justify-between"
            >
              Are my files private and secure?
              <i data-lucide="chevron-down" class="w-5 h-5"></i>
            </summary>
            <p class="mt-3 text-gray-400">
              Absolutely! All processing happens entirely in your browser. Your
              files never leave your device, are never uploaded to servers.
              Complete privacy guaranteed.
            </p>
          </details>

          <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
            <summary
              class="cursor-pointer font-semibold text-white flex items-center justify-between"
            >
              Is there a file size limit?
              <i data-lucide="chevron-down" class="w-5 h-5"></i>
            </summary>
            <p class="mt-3 text-gray-400">
              No file size limits! Process files of any size. Browser-based
              processing means no artificial limitations.
            </p>
          </details>

          <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
            <summary
              class="cursor-pointer font-semibold text-white flex items-center justify-between"
            >
              Do I need to install software?
              <i data-lucide="chevron-down" class="w-5 h-5"></i>
            </summary>
            <p class="mt-3 text-gray-400">
              No installation required! All tools are web-based and work
              directly in your browser. Just open the page and start using -
              works on any device.
            </p>
          </details>
        </div>
      </div>
    </section>

    <!-- Footer -->
    {{> footer }}

    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
    <script type="module" src="/src/version.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>