Импорт CDN для PDF.js viewer.html в шаблонах Django
Я пытаюсь добавить программу просмотра PDF.js, как она представлена в официальной демонстрации в HTML iframe моего шаблона Django. Я не хочу включать активы PDF.js в свой репозиторий и хочу, чтобы все мои HTML-теги скриптов и таблиц стилей ссылались на CDN-ресурс.
Поскольку в документации есть замечание, что пользователям библиотеки не следует просто копировать/вставлять web/viewer.html
, я создал свою собственную модифицированную версию под названием custom_viewer.html
, которая включает в себя подмножество возможностей официальной демонстрации. Предварительно собранная версия библиотеки включает следующие четыре тега в демо-версии web/viewer.html
:
<link rel="resource" type="application/l10n" href="locale/locale.json">
<script src="../build/pdf.mjs" type="module"></script>
<link rel="stylesheet" href="viewer.css">
<script src="viewer.mjs" type="module"></script>
Мой вопрос заключается в том, какие соответствующие CDN-ссылки нужны для того, чтобы это работало без загрузки библиотеки PDF.js на сервер?
Мне удалось заменить ссылку на файл pdf.mjs
ссылкой на CDN. Более конкретно, я убедился, что когда я копирую предварительно собранный PDF.js (версия 4.0.379) в папку static и изменяю пути следующим образом:
{% load static %}
<link rel="resource" type="application/l10n" href="{% static 'my-django-app/pdfjs-4.0.379-dist/web/locale/locale.json' %}">
<script src="https://cdn.jsdelivr.net/npm/pdfjs-dist@4.0.379/build/pdf.mjs" type="module"></script>
<link rel="stylesheet" href="{% static 'my-django-app/pdfjs-4.0.379/web/viewer.css' %}">
<script src="{% static 'my-django-app/pdfjs-4.0.379/web/viewer.mjs' %}" type="module"></script>
тогда следующее iframe
отображается правильно:
<iframe src="{% url 'my-django-app:my-custom-pdf-view' %}?file={{document.pdf.url}}" width="100%" height="100%" style="border: none;"></iframe>
Как мне заменить три оставшихся относительных пути ссылками с CDN?