Osadzanie dokumentów na stronie internetowej
Tagi: dokumenty, Google Docs, Google Viewer, HTML, iframe, PDF
Najczęściej na swoich stronach internetowych dokumenty umieszczamy w formacie PDF. Można je łatwo ściągnąć i otworzyć na komputerze w odpowiednim programie. Czy jest sposób, aby wyświetlić dokumenty bezpośrednio w witrynie bez zmuszania do pobierania PDF-a na dysk lub otwierania nowej karty w przeglądarce internetowej?
Można spróbować załadować plik PDF do pływającej ramki. I jest to skuteczne rozwiązanie w większości przypadków – większość użytkowników w swoich przeglądarkach ma zainstalowaną wtyczkę, która umożliwia podgląd bez uruchamiania dedykowanej aplikacji. Jeśli i Ty masz włączoną obsługę plików PDF, w poniższej ramce wyświetli Ci się dokument.
Co zrobić, żeby osiągnąć poprawne funkcjonowanie dla wszystkich urządzeń i przeglądarek? Niestety, musimy użyć dodatkowych narzędzi, konkretnie trzeba znaleźć coś, co przekonwertuje nam zwykłego PDF-a na znaczniki HTML, możliwe do wyświetlenia przez użytkownika bez zbędnych rozszerzeń.
W tym miejscu polecam silnik dokumentów Google, którego strona do generowania podglądu znajduje się pod adresem http://docs.google.com/viewer.
Wystarczy wkleić URL pliku i kliknąć Generate link. Otrzymamy wtedy adres do podejrzenia dokumentu za pomocą Google Viewera. Co ważne, oprócz zwykłych PDF-ów, tę samą akcję możemy zastosować dla plików innego typu, m.in. dokumentów Microsoft Office.
Przykład iframe wyświetlającego przeparsowany przez Google dokument:
Oraz użyty przeze mnie kod:
<iframe src="http://docs.google.com/viewer?url=http%3A%2F%2Ffklar.pl%2Fwp-content%2Fuploads%2F2014%2F10%2Flipsum.pdf&embedded=true" style="width: 100%; height: 250px; border: 1px solid #000;">Wystąpił błąd</iframe>
Udostępniam też funkcję PHP, która zamienia adres pliku na URL podglądu:
function get_preview($url) { return 'http://docs.google.com/viewer?url='.urlencode($url).'&amp;embedded=true'; }
Uwaga! Jak to często bywa z bezpłatnymi rozwiązaniami, również to ma swoje ograniczenia. Od czasu do czasu może nas zaskoczyć komunikat:
Został osiągnięty limit przepustowości dotyczący przeglądania i pobierania plików innych niż pliki w formacie Dokumentów Google.
Musimy spróbować rozwiązania na naszej stronie głównej, bo Klienci z naszej branży często nie zbyt zaznajomieni z ‘nowoczesnymi’ technologiami i po pobraniu katalogu nie potrafią go znaleźć:)
Ula ostatnio opublikował Jakie ogrodzenie wybrać?
Czesc :p Niestety bardzo rzadko się udzielam w komentarzach, ponieważ osobiscie nie lubie wyrazac swojego zdania publicznie, jednak teraz chcialbym Cię pochwalic, właśnie w formie publicznej 🙂 naprawdę posiadasz ogromny talent do pisania, sam chcialbym umieć rownie dobrze pisac 🙂 Hehe, pozdrawiam serdecznie, trzymaj się! 🙂
No tak, tylko że przy takim osadzaniu ramka na PDF musi być odpowiednio duża albo sam dokument PDF musi mieć nie za dużą kolumnę i nie za mały punkt czcionki, żeby po zeskalowaniu do wyświetlenia w tej ramce był czytelny.
Fajny pomysł z tym osadzeniem w pływającej ramce. U mnie działa i jest okej. Uważam, że to dobry pomysł, bo nienawidzę gdy dokument otwiera się w nowym oknie. A jeszcze bardziej nie lubię, gdy zaraz po kliknięciu ściągany jest na dysk. Zdecydowanie wolę oglądać to bezpośrednio na stronie.
Arkadiusz ostatnio opublikował DRZEWKO NA BIŻUTERIĘ 26CM ADDITIONS, Menu – 269,00 zł
W dobrze usytuowanych załącznikach można przeprowadzić dobrą prezentację + opisy. Chodzi o to, że na stronach RWD za dużo rzeczy “lata” stad przy prezentacjach bywają gafy 🙂
Denteam ostatnio opublikował Jak przygotować dziecko na wizytę u dentysty?
Przydatny i rzeczowy poradnik. Jest wiele aspektów jak załączanie oferty w formie pdf. Nie zawsze wszystkie dane sa adekwatne do zobaczenia na stronie czy po zalogowaniu.
Pcring ostatnio opublikował Jak kupić tani tablet?
Dzięki, silnik google jest naprawdę dobry. Nie wiedziałem, że to takie łatwe.
Zdecydowanie przyda się, zwłaszcza w wersji drugiej z przyciskami do ZOOM-owanie i otwierania w nowej karcie 🙂
Asia ostatnio opublikował Witaj bazodanowy świecie!
Bardzo pomocny wpis, szczególnie, że na moim blogu niedługo planuje umieścić kilka plików pdf z raportami. Pobieranie bywa wkurzające i jest zbędnym procesem zaśmiecającym nasz pulpit;)
Mikołaj Korsak ostatnio opublikował Eksport bloga na zachód
To jest takie proste!? Wow, a zawsze po prostu dodawałem linka, ehh 😛 Dziękuję ślicznie za radę 😉
Feegle ostatnio opublikował A Miska olejowa
Dzięki wielkie za ten tekst, ponieważ szukałem czegoś takiego i dopiero sposób od ciebie działa idealnie dla mnie. Dzięki
maszynki ostatnio opublikował Brzytwa do golenia najagresywniejsze narzędzie
Bardzo przydatna sprawa i proste rozwiązanie. Przydaje się zwłaszcza w moim przypadku, gdzie na stronie znajduje się mnóstwo dokumentacji.
U mnie działa wszystko przez zarzutu. Wcześniej miałem z tym problemy, ale po przeczytaniu artykułu zobaczyłem gdzie popełniałem błąd. Dzięki
Właściwie z tym poradnikiem poradziłem sobie z wrzuceniem dokumentów na stronę to naprawdę intuicyjna rzecz która z pewnością wyda nam się pomocna.
Zgadza się działa to u mnie. Mam włączoną wtyczkę PDF. Nic mi nie pobierało.
Raczej średnio to działa, bo niestety, u mnie ten wpis spowodował pobranie dwóch plików PDF – i to nim ja wszedłem na zakładkę.
SpeX ostatnio opublikował Smutny autobus powraca