# Cómo exportar PDF y HTML sin marcas de agua en NoteRich Compartir tus conocimientos no debe implicar sacrificar la calidad o la privacidad. Ya sea que estés preparando un informe técnico, archivando un diario personal, o compartiendo actualizaciones de proyectos con clientes, la presentación final es importante. **NoteRich** proporciona un motor de exportación de alta calidad que asegura que tus notas se vean exactamente como se pretendió: claras, limpias y perfectamente formateadas, ya sea que se visualicen en un navegador o se impriman como PDF. Esta guía explora cómo utilizar las funciones de exportación avanzadas de NoteRich para generar HTML de alta fidelidad y PDF listos para imprimir, con opciones para resultados sin marcas de agua para los usuarios Pro. --- ## 🚀 ¿Por qué elegir NoteRich para la exportación? A diferencia de las funciones estándar de “Guardar como HTML”, que a menudo dañan el diseño o pierden el estilo, el motor de exportación de NoteRich está diseñado para la precisión: * **Renderización pixel perfect**: Elementos complejos como diagramas Mermaid, ECharts y fórmulas matemáticas se rasterizan en imágenes de alta resolución, asegurando que se visualicen correctamente en cualquier dispositivo. * **Archivos independientes**: Todos los recursos, incluyendo archivos locales y archivos de audio/vídeo, se incrustan directamente en el HTML mediante codificación Base64. No hay enlaces rotos, no faltan recursos. * **Extracción inteligente de CSS**: El sistema extrae solo los estilos necesarios, resolviendo variables CSS y asegurando que el tipo de letra y los colores sean consistentes. * **Privacidad primero**: Todo el procesamiento se realiza localmente en tu navegador. Tus datos nunca salen de tu dispositivo durante el proceso de exportación. --- ## 📄 Exportar a HTML de alta fidelidad NoteRich te permite exportar tu nota actual como un archivo HTML independiente. Esto es ideal para publicaciones web, boletines de correo electrónico o archivación a largo plazo. ### Guía paso a paso 1. Abre la nota que deseas exportar. 2. Haga clic en el menú **Más acciones** (generalmente representado por `...` o un ícono de engranaje) en la esquina superior derecha del editor. 3. Seleccione **Exportar como HTML**. 4. El sistema procesará automáticamente el documento: * **Rasterización SVG**: Gráficos vectoriales (como diagramas y gráficos) se convierten en imágenes PNG de alta resolución para asegurar su compatibilidad con todos los clientes de correo electrónico y navegadores. * **Incorporación de recursos**: Archivos locales se convierten en cadenas Base64. 5. Descarga el archivo `.html` en tu dispositivo. > **Consejo profesional**: El HTML exportado es completamente responsivo. Puedes abrirlo en dispositivos móviles, y el diseño se adaptará sin problemas. --- ## 🖨️ Impresión en PDF Para documentos formales, contratos o archivos físicos, el PDF es el estándar. NoteRich integra un motor de impresión especializado que optimiza tu nota para papel. ### Cómo imprimir en PDF 1. Presiona `Ctrl + P` (Windows/Linux) o `Cmd + P` (macOS), o selecciona **Imprimir** en el menú Más acciones. 2. En la ventana de previsualización de impresión: * **Destino**: Selecciona “Guardar como PDF”. * **Diseño**: Elija vertical o horizontal según tu contenido. * **Márgenes**: Selecciona “Ninguno” o “Mínimo” para un aspecto más limpio. 3. Haga clic en **Guardar**. ### Optimizaciones específicas para impresión * **Control de puntos de ruptura de página**: NoteRich evita automáticamente que imágenes o bloques de código se dividan en dos en diferentes páginas. * **Gráficos de fondo**: El motor impide la impresión de colores de fondo e imágenes, asegurando que los destellos, temas de bloques de código y fondos de diagramas aparezcan exactamente como en la pantalla. * **Encabezados y pies de página limpios**: Por defecto, los encabezados y pies de página generados por el navegador se minimizan para mantener el foco en tu contenido. --- ## 💎 Exportaciones sin marcas de agua para usuarios Pro NoteRich ofrece un nivel gratuito generoso, pero para profesionales que necesitan documentos consistentes con el nombre de la marca, la **Licencia Pro** desbloquea funciones de exportación de alta gama. ### La diferencia * **Nivel gratuito**: Las exportaciones pueden incluir una sutil marca de agua del logotipo de NoteRich en la esquina de visualizaciones complejas (como gráficos y diagramas) para apoyar el desarrollo de la plataforma. * **Nivel Pro**: Disfruta de exportaciones completamente **sin marcas de agua**. Tus documentos serán completamente personalizados, sin marcas de terceros, lo que los hace perfectos para entregas a clientes, documentos académicos o informes corporativos. ### Cómo actualizar 1. Vaya a **Configurar** > **Gestión de licencias**. 2. Haga clic en **Actualizar a Pro**. 3. Una vez verificado, todas las futuras exportaciones de HTML y PDF se generarán sin marcas de agua. --- ## 🛠️ Detrás del escenario: Excelencia técnica El motor de exportación de NoteRich maneja varios desafíos complejos para asegurar la fiabilidad: ### 1. Rasterización SVG a PNG Los SVG complejos a menudo dependen de variables CSS como `currentColor`, que pueden dañarse al ser movidos a un contexto diferente. El motor de NoteRich: * Calcula las dimensiones exactas de cada SVG. * Inyecta correcciones de color específicas para resolver problemas de herencia. * Convierte los SVG en imágenes PNG de alta resolución dentro de un iframe oculto, asegurando que la imagen final sea nítida y independiente. ### 2. Manejo de recursos Blob Si has incrustado videos locales, audio o imágenes de gran tamaño, generalmente existen como URL de blob temporales. Durante la exportación: * El motor detecta estos recursos. * Convierte los recursos en cadenas Base64 por bloques para evitar sobrecarga de memoria. * Incrusta los recursos directamente en el HTML, de modo que tus medios se reproduzcan incluso cuando estén fuera de línea. ### 3. Extracción inteligente de CSS En lugar de cargar toda la hoja de estilo de la aplicación en la exportación, NoteRich utiliza un algoritmo de extracción de “estilo utilizado”. Escanea tu nota, identifica exactamente qué reglas CSS se aplican y genera un bloque `<style>` ligero y optimizado. Esto resulta en archivos más pequeños y tiempos de carga más rápidos. --- ## 💡 Mejores prácticas para la exportación * **Verifica tus diagramas**: Antes de exportar, asegúrate de que todos los diagramas Mermaid o ECharts hayan terminado de renderizar. La herramienta de exportación captura el estado actual del DOM. * **Usa puntos de ruptura de página**: Para documentos largos, inserta puntos de ruptura manuales (`/page-break`) para controlar dónde terminan las secciones en el PDF. * **Prueba en diferentes dispositivos**: Abre tu HTML exportado en un teléfono y en un ordenador para verificar su capacidad de respuesta. --- ## ❓ Solución de problemas * **Imágenes faltantes?** Asegúrate de que todos los archivos locales se hayan subido con éxito antes de la exportación. Si una imagen todavía está subiendo, la exportación podría capturar un marcador de posición. * **Tamaño del archivo grande?** Si tu nota contiene muchas imágenes o videos de alta resolución, el archivo HTML codificado en Base64 será grande. Considere usar la exportación en PDF para un formato más comprimido. * **Problemas de formato en PDF?** Intenta ajustar la escala en el cuadro de diálogo de impresión (por ejemplo, 90% o 110%) para que el contenido se ajuste mejor en la página. --- ## 🏁 Conclusión Con NoteRich, tus notas no solo se almacenan; están listas para ser compartidas con el mundo. Ya sea que necesites una instantánea HTML rápida para un colega o un PDF impecable y sin marcas de agua para un cliente, el motor de exportación de NoteRich ofrece resultados profesionales sin problemas. Actualízate a Pro hoy mismo para desbloquear todo el potencial de tu flujo de trabajo de documentación. ---