Descripción
Incorpora el visor PDF.js de Mozilla en tus páginas y entradas mediante un bloque de Gutenberg o un sencillo shortcode. PDF.js es una biblioteca de javascript para mostrar páginas pdf en los navegadores.
Características:
- Bloque de Gutenberg y shortcode
- Preparado para traducción (solo plugin): español y francés incluidos, listo para más idiomas.
- Tema elegante que se adapta al modo oscuro y claro (si el navegador es compatible con CSS dinámico).
- Botones personalizables
- Menú de navegación de página
- Función de búsqueda
- Entrada protegida con contraseña en PDF
- Barra de carga y visualización parcial del PDF cargado (¡ideal para archivos PDF de gran tamaño!).
- Esquema del documento
- Editor clásico: botón multimedia del editor fácil de usar que genera el shortcode por ti.
- Compatibilidad con dispositivos móviles
Sintaxis del shortcode:
`
[pdfjs-viewer attachment_id=123 viewer_width=600px viewer_height=700px fullscreen=true download=true print=true]
O utiliza una URL directa:
`
[pdfjs-viewer url=http://www.website.com/test.pdf viewer_width=600px viewer_height=700px fullscreen=true download=true print=true]
`
Parámetros del shortcode:
attachment_id(recomendado): ID del archivo en la biblioteca de medios de WordPress.url(alternativa): URL directa al archivo PDF. Usaattachment_idsiempre que sea posible para mayor seguridad.viewer_width(opcional): Ancho del visor (por defecto:100 %)viewer_height(opcional): Altura del visor (por defecto:800px)fullscreen(opcional):true/false, muestra el enlace de pantalla completa encima del visor (por defecto:true)fullscreen_text(optional): Text for the fullscreen link (default:View Fullscreen)- No se permiten espacios. Usa
%20en lugar de espacios.
- No se permiten espacios. Usa
fullscreen_target(opcional):true/false, abre el enlace de pantalla completa en una nueva pestaña (por defecto:false)download(opcional):true/false, activa o desactiva el botón de descarga (por defecto:true)print(opcional):true/false, activa o desactiva el botón de impresión (por defecto:true)openfile(opcional):true/false, mostrar el botón para abrir archivos (por defecto:false)zoom(opcional): Nivel de ampliación inicial:auto,page-actual,page-fit,page-widtho un porcentaje como75,100,150(por defecto:auto).
¿Quieres ayudar a desarrollar el complemento? ¿Has encontrado un error? Encuéntranos en GitHub. Para obtener instrucciones de compilación y directrices de contribución, consulta la guía para desarrolladores en DEVELOPER.md.
Aviso de administración tras las actualizaciones / Bloque no válido
Cuando actualices el plugin, es posible que los editores vean un banner en el que se explica que Gutenberg podría mostrar un mensaje de «Intentar recuperar bloque» al editar entradas antiguas con archivos PDF. Al hacer clic en él, se actualiza el formato del bloque, pero esto no afecta a lo que ven los visitantes. Puedes descartar el banner y no volverá a aparecer hasta que una futura versión lo habilite de nuevo.
Licencia
Este plugin de WordPress está licenciado bajo GPLv2 o posterior.
PDF.js (incluido en este plugin) ha sido desarrollado por Mozilla y está sujeto a la licencia Apache License 2.0. Para obtener más información, consulta el repositorio de PDF.js.
Bloques
Este plugin proporciona 2 bloques.
- Blocks Pdfjs Block
- Embed PDF.js Viewer
Instalación
Este plugin se puede instalar directamente desde tu escritorio de WordPress buscando PDF.js Viewer, o descargándolo desde el repositorio de plugins de WordPress y subiéndolo y descomprimiendo el archivo en el directorio wp-content/plugins de tu sitio.
Reseñas
Colaboradores y desarrolladores
«PDF.js Viewer» es un software de código abierto. Las siguientes personas han colaborado con este plugin.
Colaboradores«PDF.js Viewer» está traducido en 7 idiomas. Gracias a los traductores por sus contribuciones.
Traduce «PDF.js Viewer» a tu idioma.
¿Interesado en el desarrollo?
Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.
Registro de cambios
3.0.2
- Se ha añadido la exclusión caché a los archivos PDFjs para evitar problemas de almacenamiento en caché después de las actualizaciones.
3.0.1
- Fixed an issue with mjs files on servers that don’t support the mime type
3.0.0
- Now requires WordPress 5.0 and PHP 7.4
- Upgraded PDFjs to PDF.js 5.4.456
- Added PDF preview in Gutenberg block
- Admin notice for block recovery after updates
- Accessibility improvements.
- Reworked the block editor PDF embed code
- Options Page improvements.
- Added message so if the user is trying to load external PDFs, they’ll get a warning
- Translation Support: Added internationalization support
- Included Spanish (es_ES) and French (fr_FR) translations
- Added translation template (POT file) for additional languages
- Added
load_plugin_textdomain()for automatic translation loading - Created translation guide in
languages/README.md
- Fixed
window.pdfjs_optionsundefined errors in block editor - Added safe fallback to prevent JavaScript errors when options not loaded
- Improved attribute default handling in Gutenberg block
- Added PDF preview in Gutenberg block editor
- Consolidated rendering logic with new
pdfjs_render_viewer()function - Created
pdfjs_get_options()helper for consistent option retrieval - Added proper input sanitization with
pdfjs_sanitize_option() - Fixed
pdfjs_viewer_scaledefault from0toauto - Updated build toolchain (Sass, webpack, Node 18+ requirement)
- Removed unused code and improved code organization
- Added
.nvmrcfor Node version management - Fixed PHP Warning: Undefined array key «editButtons» thanks to retroflexer
- Fixed issue where iFrames could break the layout on smaller screens
2.2.3
- Updated PDFjs to PDF.js 5.3.93
- Merged ‘Add toggle to disable editing buttons’ PR
- Merged ‘Fix PHP Warnings: Undefined array key’ PR
- Package security updates / rebuild
2.2.2
- PDFjs with legacy browser support
2.2.1
- .mjs workaround
- Updated to PDFjs 4.5.136
2.2
- Updated to PDFjs 4.3.136
- Renamed ‘Download’ to ‘Save’ based on PDFjs change.
- Removed the zoom feature to hopefully fix Edge issues.
- Disabling the Alternative PDF Loading version
2.1.8
- Preventing users from adding JS to shortcodes.
- Bumping version numbers
2.1.7
- Fixed the fullscreen settings for new PDFs
- Fixing a bug where, on fresh installs, the fullscreen text would be ‘on’
- Tested with WordPress 6.0-beta3-53297
2.1.6
- Added testing up to WordPress 5.9.
- Added a few more variables into the Alternative PDF Loading version.
- Moved the Alternative PDF Loading to beta.
2.1.5
- Detect ACF before running ACF code.
- Beta: Added a feature flag to load the PDF in full screen view differently.
2.1.4
- Decoding PDF urls when other plugins encode them in the classic editor.
2.1.3
- Adding a version number to some JS files to break caches
- Fixing an issue where the fullscreen text didn’t have spaces
- Updating the shortcode in the read me
2.1.2
- Reverting to the file in the URL
2.1.1
- Updating how we call the WordPress plugin directory.
- Updating function names.
- More sanitization.
2.1.0
- Added the file ID to the URL.
- Hooked WordPress into the viewer to pull the URL in. Should fix some possible security concerns.
- Removed the file URL from the URL.
- Removed the
pdfjs_set_custom_editsfilter. - Removed the
pdfjs_set_custom_domainfilter. - Sanitizing inputs
- Removing search term.
2.0.2
- Preventing XSS with the search term
2.0.1
- Now works with ACF fields! Thanks @imj13
2.0.0
- Major PDFjs Upgrade to version 2.6.347
- Changing the insert PDF button to fire on a class not ID.
- Updated the minimum version of WordPress supported.
- Maybe Edge is happy now?
1.5.9
- Fixing the issue that made Edge unhappy. fingers crossed
1.5.8
- Starting to hook up options page to the shortcode.
- Fixing a potential code injection problem
- Fix for WordPress 2021 Theme
1.5.7
- Fix for those not running WordPress 5+ where a fatal error would show because a function I called didn’t exist.
1.5.6
- New options page to set the default settings.
- Only showing the ‘Add PDF’ media button to posts using the classic editor as it only works in the classic editor.
- Added a filter to pass in a custom domain if URLs are proxied.
pdfjs_set_custom_domain - Added a filter if you want to edit the PDF URL.
pdfjs_set_custom_edits - Ability to hide Search via setting on options page.
- Ability to show Sidebar via setting on options page.
- Ability to highlight a search term on PDF load.
v1.5.5
- High Five 🖐
v1.5.4
- Reworking way we make the PDF url relative.
v1.5.3
- Remove only the first instance of the domain name from the URL. Leave it if it’s in a directory or file name.
v1.5.2
- Making the PDF URL relative so that maybe Microsoft Defender won’t complain.
- Allowing the viewer to be called directly.
- Hiding the Open button.
- Checking for
register_block_typefunction before calling it to better support WordPress 4.x. Thanks @Now-Italy-Demo @octoxan - Made the PDF URL relative to hopefully fix Windows Defender security issues.
- Adding option to open the fullscreen link in a new tab.
v1.5.1
- Reverting the update to Mozilla PDF.JS library as it broke older browsers and some other setups.
v1.5
- Updated Plugin Name
- Updated Plugin Icon
- Gutenberg Block
- Updating Mozilla PDF.JS library.
- Adding a class to the fullscreen link.
- Ability to customize fullscreen link text.
- Ability to customize default zoom level.
- Classes so you can style things easier.
- Shorter default height.
v1.4.6
- Renaming URL variables to prevent a possible Edge security message.
v1.4.5
- Fixes a version number issue that was introduced in the last version.
v1.4.4
- Brings back the ability to hide print and download.
- Adds version numbers to URLs to hopefully break caches and prevent weirdness.
v1.4.3
- Fixes an issue where PDFs wouldn’t load on production sites due to a
setLanguageerror.
v1.4.2
- Added title to iFrame for accessibility.
- Cleaning up code per WordPress standards.
v1.4.1
- Updating the Readme
v1.4
- Updating to PDF.JS version v2.3.200
- Updating the Readme
- Adding Gutenberg Callout
v1.0 – 1.3
- The birth of the plugin and first few versions.



