Embed Image Gallery (Google Photos) #1905

New Issue

OVERLORD · 2026-02-05T02:10:23+03:00

OVERLORD commented

2026-02-05 02:10:23 +03:00

Originally created by @dannyhanes on GitHub (Oct 17, 2020).

Describe the feature you'd like
Currently attempting to embed a Google Photos album on a page using the following resource: https://www.publicalbum.org/blog/embedding-google-photos-albums and it does not work.

Describe the benefits this feature would bring to BookStack users
This appears to be specific to Google Photos, but I imagine this is a bigger request to allow scripts to run on a page.

Additional context
I have tried the following:
Adding ALLOW_CONTENT_SCRIPTS=true to .env

Adding <script src="https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js" async></script> to the custom HTML head content section of bookstack.

I have also tried adding the entire code snippet generated to the page, as well as just the div. Still no luck.

Example code:

<script src="https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js" async></script>
<div class="pa-gallery-player-widget" style="width:100%; height:480px; display:none;"
  data-link="https://photos.app.goo.gl/CSV7NDstShTUwUZq5"
  data-title="Mr. Monstro"
  data-description="4 new photos · Album by Pavel Macháček">
  <object data="https://lh3.googleusercontent.com/XlH6wo2PzrAEqmplYrZwV0fI-2TafTT6BRwZhKDfZSHd_zT7HIdPyPWd3Xuqhn1QQADuTJ32QFmcgYiTOEU0sC4Bvf-VyTIiq-DxxEaxIeWDYyUK_VjaW8-zrMGBvekDZT77lpduYQ=w1920-h1080"></object>
  <object data="https://lh3.googleusercontent.com/VvK__Vx8kpPTP57WZPLblacZbTE0NqWeIGTyHSQ8Rq9pvOpWQG_CQE_tOc6jHPtj02XIBYa0Zo9fWbXXQyNYs9hDGGj34QibKFJky4W9nYBpSb57OwxiQoDyo25vzIXMTN2SNxuzqg=w1920-h1080"></object>
  <object data="https://lh3.googleusercontent.com/HISe-DV_b4gjLvSEGzrJlsqBU2rSE8uQpSqHHKTPihg_Ax9VtfCrOrvdXF01raBeBleAWQKI7Hfb4_w9vZeJKFymQfNTlubwXxTBTbqGTPwjg7S0CBtQsQJqsspvIhD9c-pniSZrEw=w1920-h1080"></object>
  <object data="https://lh3.googleusercontent.com/05lhR1IAQY_B9rdQ_GvHDNLe1lJsSPyyuDeIMkt--gDDAnO2_EATwif7-sfNd2K_48RvyqKmN-u2svKZ06yfh8bnrbQ5kBUrIHfZvWheTzDGhIeFd1roPor-F_BycJmVKbQO6a9EaA=w1920-h1080"></object>
</div>

Screenshot of how it shows up on the page.

Originally created by @dannyhanes on GitHub (Oct 17, 2020). **Describe the feature you'd like** Currently attempting to embed a Google Photos album on a page using the following resource: https://www.publicalbum.org/blog/embedding-google-photos-albums and it does not work. **Describe the benefits this feature would bring to BookStack users** This appears to be specific to Google Photos, but I imagine this is a bigger request to allow scripts to run on a page. **Additional context** I have tried the following: Adding `ALLOW_CONTENT_SCRIPTS=true` to `.env` Adding `<script src="https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js" async></script>` to the custom HTML head content section of bookstack. I have also tried adding the entire code snippet generated to the page, as well as just the div. Still no luck. Example code: ``` <script src="https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js" async></script> <div class="pa-gallery-player-widget" style="width:100%; height:480px; display:none;" data-link="https://photos.app.goo.gl/CSV7NDstShTUwUZq5" data-title="Mr. Monstro" data-description="4 new photos · Album by Pavel Macháček"> <object data="https://lh3.googleusercontent.com/XlH6wo2PzrAEqmplYrZwV0fI-2TafTT6BRwZhKDfZSHd_zT7HIdPyPWd3Xuqhn1QQADuTJ32QFmcgYiTOEU0sC4Bvf-VyTIiq-DxxEaxIeWDYyUK_VjaW8-zrMGBvekDZT77lpduYQ=w1920-h1080"></object> <object data="https://lh3.googleusercontent.com/VvK__Vx8kpPTP57WZPLblacZbTE0NqWeIGTyHSQ8Rq9pvOpWQG_CQE_tOc6jHPtj02XIBYa0Zo9fWbXXQyNYs9hDGGj34QibKFJky4W9nYBpSb57OwxiQoDyo25vzIXMTN2SNxuzqg=w1920-h1080"></object> <object data="https://lh3.googleusercontent.com/HISe-DV_b4gjLvSEGzrJlsqBU2rSE8uQpSqHHKTPihg_Ax9VtfCrOrvdXF01raBeBleAWQKI7Hfb4_w9vZeJKFymQfNTlubwXxTBTbqGTPwjg7S0CBtQsQJqsspvIhD9c-pniSZrEw=w1920-h1080"></object> <object data="https://lh3.googleusercontent.com/05lhR1IAQY_B9rdQ_GvHDNLe1lJsSPyyuDeIMkt--gDDAnO2_EATwif7-sfNd2K_48RvyqKmN-u2svKZ06yfh8bnrbQ5kBUrIHfZvWheTzDGhIeFd1roPor-F_BycJmVKbQO6a9EaA=w1920-h1080"></object> </div> ``` Screenshot of how it shows up on the page. ![album](https://user-images.githubusercontent.com/3778687/96338881-ea5f0c80-105e-11eb-85c1-3314fe4af611.JPG)

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/BookStack#1905