No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Cannot embed Spark Page to Quasar App

    Help
    2
    2
    73
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • A
      aysanfern last edited by

      Hi everyone, really sorry if this is a stupid question as I am relatively new to web development in general. I’ve been trying to embed an adobe spark page (for design reasons) to my quasar index page. I have a good understanding of how the pages work but I’ve struggled to find out how I can embed this syntax into my page:

      <script id=“asp-embed-script” data-zindex=“1000000” type=“text/javascript” charset=“utf-8” src=“https://spark.adobe.com/page-embed.js”></script><a class=“asp-embed-link” href=“https://spark.adobe.com/page/uIQFeK4ygOnfS/” target="_blank"><img src=“https://spark.adobe.com/page/uIQFeK4ygOnfS/embed.jpg?buster=1595940004291” alt=“Hi need help soz” style=“width:100%” border=“0” /></a>

      I ended up putting the <script> section in the script part of the page and the anchor tag in the template section but I am still encountering errors. I had to install babel preset react as a dependency but not sure if this is a problem that is still persisting.

      my page code looks like this currently:

      <template>
      <q-page>

      <a class=“asp-embed-link” href=“https://spark.adobe.com/page/uIQFeK4ygOnfS/” target="_blank"><img src=“https://spark.adobe.com/page/uIQFeK4ygOnfS/embed.jpg?buster=1595940004291” alt=“Hi need help soz” style=“width:100%” border=“0” /></a>

      </q-page>

      </template>

      <script id=“asp-embed-script” data-zindex=“1000000” type=“text/javascript” charset=“utf-8” src=“https://spark.adobe.com/page-embed.js”>

      </script>

      But it’s spitting out the following error:

      This dependency was not found:

      • https://spark.adobe.com/page-embed.js?vue&type=script&data-zindex=1000000&charset=utf-8&lang=js& in ./src/pages/name.vue

      To install it, you can run: npm install --save https://spark.adobe.com/page-embed.js?vue&type=script&data-zindex=1000000&charset=utf-8&lang=js&

      (I know that this is not right)

      dobbel 1 Reply Last reply Reply Quote 0
      • dobbel
        dobbel @aysanfern last edited by dobbel

        @aysanfern tip for people to help you better, make a codepen demo ( https://codepen.io/) or at least format the code as code: with 3 back ticks ``` ( left on normal keyboards under the tilde)

        Your post looks really like chaos now 😉

        https://guides.github.com/features/mastering-markdown/

        like this:

        public void myFunction() {
        } 
        
        1 Reply Last reply Reply Quote 0
        • First post
          Last post