Por defecto, el ancho de una vista previa de PDF incrustada en un artículo varía según el navegador del lector. Puedes anular esto usando Custom CSS para establecer la vista previa del PDF a un ancho consistente, normalmente al 100% del contenedor del artículo, de modo que la vista previa se muestre igual para todos los lectores, independientemente de su navegador.
Esta solución alternativa solo se aplica a artículos creados en el editor avanzado WYSIWYG. Las vistas previas en PDF en los artículos del editor Markdown no se ven afectadas.
Cuándo usar esta solución
- Renderizado inconsistente de los PDFs entre navegadores: si los lectores informan que los PDFs incrustados parecen demasiado estrechos o varían en tamaño, esta solución estandariza el ancho de vista previa.
- Mejorar la legibilidad de los PDFs incrustados: ampliar la vista previa a todo el ancho del artículo facilita la lectura del contenido del documento sin necesidad de que el lector haga zoom o abra el archivo por separado.
Este cambio en CSS se aplica a todas las vistas previas de PDF incrustadas en todos los artículos del editor Advanced WYSIWYG del sitio. No es posible dirigir PDFs individuales usando este método.
Referencia rápida
Usa el fragmento para la versión de tu sitio de la base de conocimientos.
article p object {
width: 100% !important;
}
Cómo establecer un ancho de vista previa de PDF consistente
- En el portal de la Base de Conocimiento, ve a Configuración > sitio de la Base de Conocimientos > CSS y JavaScript personalizados.
- Selecciona la pestaña CSS y pega el fragmento para la versión de tu base de conocimientos desde la referencia rápida anterior.
- Haz clic en Guardar.
Resultado
Tras guardar el CSS, las vistas previas de PDF incrustadas se expanden hasta el ancho completo del contenedor del artículo, mostrándose de forma consistente en todos los navegadores.
Alcance y cobertura
| Punto | Detalle |
|---|---|
| Alcance | Vistas previas globales en PDF integradas en todos los artículos del editor avanzado WYSIWYG |
| Soporte para editores | Solo editor avanzado WYSIWYG, los artículos del editor Markdown no se ven afectados |
| Anchura aplicada | 100% del contenedor de artículos |
| Ancho personalizado | Sustituye 100% por un valor específico (por ejemplo, 80% o 600px) si prefieres un ancho fijo o reducido |
Mejores prácticas
- Prueba en varios navegadores después de aplicar: verifica que la vista previa del PDF se renderice correctamente en Chrome, Firefox, Safari y Edge para confirmar que la solución funciona como se espera en los navegadores más comunes de tus lectores.
- Usa un porcentaje en lugar de un ancho fijo de píxel:
100%se adapta a diferentes tamaños de pantalla y diseños de artículos. Un valor fijo de píxel, como puede800pxdesbordarse en pantallas más estrechas o dispositivos móviles. - Considera reducir el ancho si el diseño del artículo es estrecho: si tu plantilla de artículo utiliza un diseño de dos columnas o tiene un área de contenido estrecha,
100%puede que aún así produzca una vista previa más pequeña de lo esperado. En ese caso, comprueba si ensanchar el contenedor de contenido o ajustarlo90%para mejorar el resultado.