Skip to content

LibreSign/vue-pdf-editor

Folders and files

NameName
Last commit message
Last commit date
Jan 24, 2024
Jan 12, 2024
Jan 12, 2024
Nov 19, 2024
Jan 10, 2024
Jun 25, 2023
Jan 12, 2024
Nov 19, 2024
Jan 16, 2024
Jul 10, 2023
Oct 28, 2024
Jan 25, 2024
Dec 30, 2024
Jun 20, 2023
Jan 11, 2024
Oct 29, 2024

Repository files navigation

vue-pdf-editor

npm

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

DEMO

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

<VuePdfEditor
    width="100%" <!--Component size default 100%-->
    height="100%" <!--Component size default 100%-->
    :show-choose-file-btn="true"  <!--Display file Select button default FALSE-->
    :show-customize-editor="true"  <!--Display the custom editing column default TRUE-->
    :show-customize-editor-add-text="true" <!--Add text default TRUE-->
    :show-customize-editor-add-img="true"  <!--Add a picture default TRUE-->
    :show-customize-editor-add-draw="true"  <!--Add the handwriting default TRUE-->
    :show-line-size-select = 'false' <!--Select the default TRUE of the line spacing-->
    :show-font-size-select= 'false' <!--Select the default TRue-->
    :show-font-select="false"   <!--Select the default true font-->
    :show-rename="true"   <!--Show the rename column default TRUE-->
    :show-save-btn="false"  <!--Show the saving button default TRUE-->
    :save-to-upload="true"  <!--False directly download; TRUE trigger onsave2upload event default FALSe->
    :init-file-src="'【pdf url】'"   <!--Initialization file address-->
    :init-file-name="initFileName" <!--Initialized file name-->
    :init-text-fields = "【text array】"  <!--Initialized text array-->
    :init-image-urls = "【image url array】"   <!--Initialized picture array-->
    :init-image-scale = "0.2" <!--The zoom level of the initialized picture defaults to 0.2 times the original size-->
    :seal-image-show="true" <!--Whether to show the signed example of the default FALSE-->
    :seal-image-hidden-on-save="true" <!--Whether the signed example is hidden by the default FALSE when saving-->
    @onSave2Upload="【save callback】"  <!--Save the callback load: PDFBYTES and FILENAME-->
/>