- 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
https://www.npmjs.com/package/@libresign/vue-pdf-editor
- package.json add dependencies and install / npm i @libresign/vue-pdf-editor
- main.js imports and Vue.use
<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-->
/>