S
SolidJS•8mo ago
OldViking013

Show PDF on my page

Does anyone know of a good way to have an interactable/live preview of PDF files and a good way to go about them? I'm trying to provide multiple research docs on my site and would like to showcase them trough PDF's (it is also a requirement to provide PDFs so why not show them as well?) I tried adding the pdfsclick library for Solid but it wouldn't show the PDFs (the examples also look a bit broken) and there was not a lot of documentation for it. Does anyone know about another good library to use with solid (maybe also Tailwind) or a way that I can implement it myself without a library?
4 Replies
andi
andi•8mo ago
i don't think there's a solid specific library that would help your best bet might be to search for a pdf viewer library yourself and then integrate it into your solid app
Alex Lohr
Alex Lohr•8mo ago
https://mozilla.github.io/pdf.js/ should be easily integrated.
PDF.js
A general-purpose, web standards-based platform for parsing and rendering PDFs.
Alex Lohr
Alex Lohr•8mo ago
Something like https://github.com/mozilla/pdf.js/blob/master/examples/components/simpleviewer.mjs
GitHub
pdf.js/examples/components/simpleviewer.mjs at master · mozilla/pdf...
PDF Reader in JavaScript. Contribute to mozilla/pdf.js development by creating an account on GitHub.
OldViking013
OldViking013•7mo ago
Thanks for the replies, I eventually found a different solution by just embedding it into a container for it, seems to be working fine for what I need!
Want results from more Discord servers?
Add your server
More Posts
What UI libraries are used when working with SolidJS?titleWhy does `Outlet` not work when using `element` instead of `component` in the configuration?## Wrapper / container ```tsx const MainContainer = () => ( <div class="flex flex-row min-h-screCustom ProtectedRoutes component does not render elements on URL matchI've created a custom component `ProtectedRoutes` which is rendered within `App.tsx`. The purpose isCapture events from child of PortalHey I need some advice. I want to captured an event of an element inside a Portal by the parent eleUnable to find modulesHey guys, new to solidjs and SSR frameworks in general. I'm testing out a solidstart template generaLoading screen for appI'm a bit out of my depth with this question but essentially, I've got a Solid app running on embeddDoes Solidjs have its own tanstack query?I do know that tanstack query supports solidjs, but to me, it seems solidjs tanstack query don't reaTypeError: Cannot read properties of null (reading 'push')I'm a bit clueless about what is causing this, except the project produces this error in the client encapsulating logic that uses refs?Hi, so I'm porting a react app that does something like so (eliding lots of annoying extra details):How to allow updating of elements instead of destroying and rendering the elements?I have an array of 100 objects and an div is rendered for each object. Whenever the array changes, a