Ngx Pdf Editor

Angular Customizable Pdf Editor

Work in progress - Documentation not ready!

Require Angular 12+

Install

npm install ngx-pdf-editor

Configuration

Import NgxPdfEditorService in constructor.

Add Tool to Editor

this.pdfEditorService.addTool(
      new EditorTool('text',
        'Testo',
        'text_fields',
        (event) => this.pdfEditorService.addElement<PDFTextElement>(PDFTextElement, event, undefined, undefined, true),
        PDFTextElement)
    );

Basic Tools Included

• PDFTextElement
• PDFImageElement
• PDFSignatureElement

Open Editor

const config: MatDialogConfig = new MatDialogConfig();

const editorConfig: EditorConfig = {
      title: "Editor PDF",
      file: {{yourFile}} (it must be a File object)
    }
    
config.data = editorConfig;

this.matDialog.open(NgxPdfEditorComponent, config);

License

MIT