https://github.com/libresign/vue-pdf-editor

A vue PDF editor component
https://github.com/libresign/vue-pdf-editor

hactoberfest pdf pdf-sign pdf-signature pdf-signer pdf-signing pdfjs signature signatures vue-pdf vue-pdfjs vue-signature vuejs vuejs-components

Last synced: 22 days ago
JSON representation

A vue PDF editor component

• Host: GitHub
• URL: https://github.com/libresign/vue-pdf-editor
• Owner: LibreSign
• License: mit
• Created: 2023-12-05T13:07:08.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-31T01:41:17.000Z (27 days ago)
• Last Synced: 2024-12-31T02:29:30.074Z (27 days ago)
• Topics: hactoberfest, pdf, pdf-sign, pdf-signature, pdf-signer, pdf-signing, pdfjs, signature, signatures, vue-pdf, vue-pdfjs, vue-signature, vuejs, vuejs-components
• Language: Vue
• Homepage: https://libresign.github.io/vue-pdf-editor/
• Size: 113 MB
• Stars: 14
• Watchers: 1
• Forks: 5
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# vue-pdf-editor

- power by vue2

- thanks https://github.com/ShizukuIchi/pdf-editor

- thanks https://github.com/ndinhquan1998/vue-pdf-editor-module

- thanks https://github.com/llanc/xcc-pdf-editor

# npm

https://www.npmjs.com/package/@libresign/vue-pdf-editor

# DEMO

[vue-pdf-editor](https://libresign.github.io/vue-pdf-editor/)

# How to use

- package.json add dependencies and install / npm i @libresign/vue-pdf-editor

- main.js imports and Vue.use

## eg

```js

    height="100%" 

    :show-choose-file-btn="true"  

    :show-customize-editor="true"  

    :show-customize-editor-add-text="true" 

    :show-customize-editor-add-img="true"  

    :show-customize-editor-add-draw="true"  

    :show-line-size-select = 'false' 

    :show-font-size-select= 'false' 

    :show-font-select="false"   

    :show-rename="true"   

    :show-save-btn="false"  

    :save-to-upload="true"  

    :init-file-name="initFileName" 

    :init-text-fields = "【text array】"  

    :init-image-urls = "【image url array】"   

    :init-image-scale = "0.2" 

    :seal-image-show="true" 

    :seal-image-hidden-on-save="true" 

    @onSave2Upload="【save callback】"  

/>

```