Skip to content

LibreSign/vue-pdf-editor

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-->
/>