shizukuichi / pdf-editor

Offline PDF editor. Add images, signatures, text to PDF in your browser. 🚀

PDF Editor

No install. No server. ¯\_(ツ)_/¯ https://pdf-editor.now.sh

How to use pdf-editor?

1. Click Choose PDF to upload a .pdf file.
2. Add images, signatures, text to your PDF.
3. Click Save.
4. That's it! All is done in your browser.

Features

• Resize and move everything.
• Add signatures.
• Adjust line height, font size, font family.
• Mobile friendly.
• Drag and drop to upload your PDF.
• 支援中文（標楷體）。

---

LICENSE MIT © 2020 ShizukuIchi

pdf-editor's Issues

Can you develop a similar effect to this product based on this?

Can you develop a similar effect to this product based on this? https://www.geekersoft.com/geekersoft-pdf-editor.html

prefill

Is there any way we can replace text/ create a template and prefill it and geneate this pdf from background

No white color for draw and arial or calibri fonts

I hope they add Arial or Calibri fonts as well as white color in draw feature. Like applying white color to hide corrections, etc.

how to open pdf from url with cors configuration ?

how to open pdf from url with cors configuration ?

Seems abandoned

Nothing really happens here anymore.
@ShizukuIchi @realdennis maybe you would like to add another collaborator/maintainer for this project?

Not OFFLINE

"Offline"

not really.

missing rotation feature

The pdf I uploaded was not rotated properly. It will be great to be able to rotate the pdf.

Not working on nodejs server

I have setup this dependency on a VPS server.
Run the following commands :

git clone

inside pdf-editor

> npm install
> npm run build
> npm run start

After npm start, this is the response :

Your application is ready~! 🚀

• Local: http://localhost:5000

────────────────── LOGS ──────────────────

My first question is why there is localhost in place of domain name?
Second this is not working, why?

---------------- Update
I've been trying to change the host from 'localhost' to 'myDomain' from the following file:

pdf-editor/rollup.config.js

Line 57 in f3aea5c

open('http://localhost:5000');

But seems like changing here doesn't effect anything.
Any help?

Sign PDF with digital certificate

Can I sign PDFs with a digital certificate directly in the browser and send them to the server?

Uncaught Error: Cannot find module '../utils/common' makeTextPDF.js

The application is encountering an "Uncaught Error: Cannot find module '../utils/common'" when trying to execute the makeTextPDF.js file. This error suggests that the makeTextPDF.js file is unable to locate the ../utils/common module, which it likely depends on.

Steps to Reproduce:

Run the application that includes the makeTextPDF.js file.
Observe the "Uncaught Error: Cannot find module '../utils/common'" error in the console or logs.
Expected Behavior:
The makeTextPDF.js file should be able to successfully locate and import the necessary ../utils/common module to execute its functionality.

Actual Behavior:
The application is unable to execute the makeTextPDF.js file due to the inability to find the ../utils/common module.

Environment:

Operating System: macOS
Node.js version: 18

Additional information
I'm placing myself over the variable utils and clicking f12 in vscode to locate the file, but is not there.

Error: Package subpath './compiler.js' is not defined by "exports"

when i type

npm  i
npm run dev

i get

[!] Error: Package subpath './compiler.js' is not defined by "exports" in C:\Project\pdf-editor\node_modules\svelte\package.json
Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './compiler.js' is not defined by "exports" in C:\Project\pdf-editor\node_modules\svelte\package.json
    at throwExportsNotFound (internal/modules/esm/resolve.js:299:9)
    at packageExportsResolve (internal/modules/esm/resolve.js:522:3)
    at resolveExports (internal/modules/cjs/loader.js:449:36)
    at Function.Module._findPath (internal/modules/cjs/loader.js:489:31)
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:875:27)
    at Function.Module._load (internal/modules/cjs/loader.js:745:27)
    at Module.require (internal/modules/cjs/loader.js:961:19)
    at require (internal/modules/cjs/helpers.js:92:18)
    at Object.<anonymous> (C:\Project\pdf-editor\node_modules\rollup-plugin-svelte\index.js:11:4)
    at Module._compile (internal/modules/cjs/loader.js:1072:14)

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: `rollup -c -w`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\kevin\AppData\Roaming\npm-cache\_logs\2021-12-14T03_00_51_014Z-debug.log

dragging issue

better to point at the location of the signature on the place i want instead of dragging it through all pages.
also it's better to enable dragging the signature cross pages. because in this solution it's only enable drag inside one page

How can I install your script in centos7?

Hello,

How can I install your script in centos7?

mr ayhan mahalleh

hi gays

👏

👏👏👏
just to thank you for this amazing app. saved my life.
🙏🙏🙏

UTF-8 is not supported

Hello and congratulations, I try to fill out a form with Hebrew and when you save the form everything gets messed up :(

For example, try inserting the following words and saving the file: "שלום וברכה".

Thank you.

Misplaced elements

A very nice project, well done! One problem that I saw is that for some PDF files, the added elements are mis-placed. It looks as if they're rotated by 90 degrees.

Here's an example for such a file:
example-vertical-bug.pdf

Here's a short recording demonstrating the bug:

Not found css

and in console:

Your application is ready~! 🚀

  - Local:      http://localhost:5000     

────────────────── LOGS ──────────────────

  [11:06:00] 404 ─ 1.35ms ─ /build/bundle.css
  [11:06:00] 200 ─ 3.75ms ─ /build/bundle.js

Blank

Why page is blank?

I tried to recreate your application using angularjs but facing some issues

Failed to add pdf.
app.component.ts:37 TypeError: Cannot read property 'getDocument' of undefined
at readAsPDF (asyncReader.js:38)

I am getting this on console
here is complete code
https://github.com/princ09/PdfEditor

How to make the image resize scale in fixed ratio just like the free hand draw?

How to make the image resize scale in fixed ratio just like the free hand draw?

How to install in local?

When using the font "標楷體", some text is wrong

When using the font "標楷體", the simplified Chinese text is wrong

Hi, where is delete button?

[Question] Is this usable as a CLI?

I would like to just:

1. provide a field where someone can sign
2. put that signage automatically (serverside) into a PDF with a fixed height (200px) and automatically set size

So I basically have a standard PDF people have to sign. Not I need a processor which can paste the signature on a coordinate (x, y) in the PDF and before this let people sign online.

Is this possible with this tool?

Best regards

403 Forbidden

haii, i try to running at local but i get error 403 Forbidden, how to fix this issue?

How to build this editor?

This editor is awsome! I have tried to run the index.html in the browser directly but it seems cannot work. May I know how to build it from the source?

Please help me upload build dev version

I cannot build the dev version. Can anyone help me build the dev version?

[Question] Can I use this as a library?

Can I use this as a library?

怎么不能裁剪

怎么不能裁剪

sometimes added Text are missing after saving

Hey @ShizukuIchi I love this small Tool :) to edit and sign some exist PDF files, but sometimes my added Text is missing after saving the PDF, so I have to reopen and readded it and this helps to finish my progress. 👍🏻

I use your Tool after a Reverse Proxy with NGINX but seems not the problem because Tool/Code is clientside only and the used Browser is Firefox latest stable for me.... so I havn't any idea why sometimes the Text is missing. ^^

Feature request: Adding a rectangle

One basic operation that is missing, in addition to adding images, text and free shapes, is a rectangle. I'm thinking about using this project, and one of my use cases is letting users mask personal information from a document. Adding a black rectangle would be a good solution for that.

add redact

I was hoping this had the possibility to redact sensitive information
I tried using the freetext to create a black block, but it was too hard to place it over the sensitive information because the scale was locked to it's scaling proportions

how to install in local with laragon ?

how to install in local with laragon ?
without localhost:5000 ? thank you

Add multiple PDF files at once for merging?

Great tool, thank you for your effort.

Does not work on PDFs with multiple pages

I had two issues when trying to use this tool on a multi page document:

1. Inserting a new element always appears on top, no matter on which page I currently look at
2. Dragging an element out of the limits of the first page is not possible as it gets cropped an becomes invisible.

I tested this on Firefox 100.0

Besides that, thanks a lot for this great tool!