Implementing PDF Viewing and Editing in Vue 3 App with Hooks: Apryse

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ต.ค. 2024

ความคิดเห็น • 46

  • @deepcodeinnovations1176
    @deepcodeinnovations1176 5 หลายเดือนก่อน +1

    Hey this is good,. The only problem am getting is how do i disable some options, like anotations, download, editing and other staff if i want to, this is my sample code
    import { ref, onMounted} from 'vue';
    import WebViewer from '@pdftron/webviewer'
    export default{
    name:'global_pdf_viewer',
    props:{initialDoc:{type:String}},
    setup(props){
    const global_pdf_viewer = ref(null);
    onMounted(()=>{
    const path = '/pdfview';
    WebViewer({ path, initialDoc: props.initialDoc, enableDownload: false}, global_pdf_viewer.value)
    })
    return { global_pdf_viewer}
    }
    }

    • @heismarvellous
      @heismarvellous 4 หลายเดือนก่อน

      Hello @deepcodeinnovations1176
      Did you later get a solution to this? if yes, please share how you achieved it

  • @jorgeayala6054
    @jorgeayala6054 3 ปีที่แล้ว +2

    Hi, when you recording, I would like to know if you could please up the volume, because is not easy to hear you. Thanks

  • @dindjarin332
    @dindjarin332 ปีที่แล้ว

    Hi, i want to use pdftron in vue without the webviewer( i only need the PDF to image conversion) but when i add import {Core} from "@pdftron/webviewer"; and app.Use(Core) in main.js it says Core is undefined. Can you help me please?

    • @apryse-solutions
      @apryse-solutions  ปีที่แล้ว

      Hi Din, please follow this guide: www.pdftron.com/documentation/web/get-started/without-viewer/. If you have more questions, please reach out to community.pdftron.com and we can help you out!

  • @jamols09
    @jamols09 3 ปีที่แล้ว

    Hello I would just like to ask if I can import a pdf (template of pdf) and then based on that pdf I can manipulate add fields automatically on the code and download the file is it possible with this?

    • @apryse-solutions
      @apryse-solutions  3 ปีที่แล้ว

      Yes, that should be possible: www.pdftron.com/documentation/web/guides/forms/create-fields/#examples

  • @eraesteban
    @eraesteban 2 ปีที่แล้ว

    I can use this for my own application in vuejs 2, I need to edit a pdf, how about the license?

    • @apryse-solutions
      @apryse-solutions  2 ปีที่แล้ว

      Please get the license key here: www.pdftron.com/form/contact-sales/

  • @adritaislam7333
    @adritaislam7333 3 ปีที่แล้ว

    How can I remove some features? Like I only want to view the PDF. I don't want to edit it.

    • @apryse-solutions
      @apryse-solutions  3 ปีที่แล้ว

      You can do so with instance.disableElements(['nameOfTheDataElement']) www.pdftron.com/documentation/web/guides/hiding-elements/

  • @lequanglong4985
    @lequanglong4985 3 ปีที่แล้ว

    Can I put the webviewer file in other location ? scr folder instead

    • @apryse-solutions
      @apryse-solutions  3 ปีที่แล้ว

      Are you referring to static resources or component code? Static resources must be served statically, you can change the path as long as it is static. Component can be placed anywhere when src/ structure.

  • @kevinmejias768
    @kevinmejias768 ปีที่แล้ว

    do you have a documentation where i can see how edit the viewer?

  • @maruwoo1315
    @maruwoo1315 ปีที่แล้ว

    I have been downloaded, but it's not run. 😒

    • @apryse-solutions
      @apryse-solutions  ปีที่แล้ว

      Please post the error on community.pdftron.com

  • @saberhanour5474
    @saberhanour5474 4 ปีที่แล้ว

    is the viewer under license? I'd like to integrate it into my webapp.

    • @apryse-solutions
      @apryse-solutions  4 ปีที่แล้ว

      Hello Saber! You can find out more about licensing here: www.pdftron.com/licensing/ and contact sales team here: www.pdftron.com/form/contact-sales/.

  • @msastream9945
    @msastream9945 3 ปีที่แล้ว

    Can you make tutorial pdf view with nuxtjs?

    • @apryse-solutions
      @apryse-solutions  3 ปีที่แล้ว

      We will put together a GitHub sample soon :)

    • @apryse-solutions
      @apryse-solutions  3 ปีที่แล้ว +2

      Here you go: github.com/PDFTron/webviewer-nuxtjs-sample

  • @mageonly122
    @mageonly122 3 ปีที่แล้ว

    Other url of pdf is not rendering, why?

    • @apryse-solutions
      @apryse-solutions  3 ปีที่แล้ว

      Hello Toni, could you please send it the PDF you are having issues and we can fix it right away at support@pdftron.com.

  • @miaohf
    @miaohf 2 ปีที่แล้ว

    It does not wok.

  • @learnwithpol
    @learnwithpol 3 ปีที่แล้ว

    not working in laravel vue

    • @apryse-solutions
      @apryse-solutions  3 ปีที่แล้ว

      Hey Paul, could you send in the error message to support@pdftron.com

  • @robinjoy8148
    @robinjoy8148 2 ปีที่แล้ว

    Its not rendering ,its showing empty

    • @apryse-solutions
      @apryse-solutions  2 ปีที่แล้ว

      How are you loading the document? Where does the document reside?

    • @robinjoy8148
      @robinjoy8148 2 ปีที่แล้ว

      @@apryse-solutions I just did as you have done in the tutorial.

    • @robinjoy8148
      @robinjoy8148 2 ปีที่แล้ว

      @@apryse-solutions PDF is rendering from a url right ?So it does not reside anywhere.Is it correct ?

    • @apryse-solutions
      @apryse-solutions  2 ปีที่แล้ว

      @@robinjoy8148 We can do a quick debug call. I will dm you!

    • @apryse-solutions
      @apryse-solutions  2 ปีที่แล้ว

      There is no DM capability, book the call here: bit.ly/3JVoLIv

  • @geniusidea6026
    @geniusidea6026 3 ปีที่แล้ว

    Can work with vue 2 ?

    • @apryse-solutions
      @apryse-solutions  3 ปีที่แล้ว +1

      Yes, the same GitHub sample as in description has a branch for Vue 2

    • @apryse-solutions
      @apryse-solutions  3 ปีที่แล้ว

      It is also in history of commits

    • @geniusidea6026
      @geniusidea6026 3 ปีที่แล้ว

      @@apryse-solutions thanks

    • @geniusidea6026
      @geniusidea6026 3 ปีที่แล้ว +1

      ​@@apryse-solutions It's really great as a tool, now I think I can use it in my projects
      I didn't find the VUE 2 branch, but I was able to do it in VUE 2

    • @geniusidea6026
      @geniusidea6026 3 ปีที่แล้ว

      @@apryse-solutions
      document.getElementById('select').onchange = e => {
      instance.loadDocument(e.target.value);
      };
      How do this on VueJS Components ?