Hoja de sombra en xhtml suavemente

Nota: Algunas funciones descritas aquí aún no están disponibles. Contáctenos en support@dochub.com si está interesado.
Aug 6th, 2022
formularios completados
0
formularios completados
formularios firmados
0
formularios firmados
formularios enviados
0
formularios enviados
Service screenshot
01. Carga un documento desde tu ordenador o almacenamiento en la nube.
Service screenshot
02. Agrega texto, imágenes, dibujos, formas, y más.
Service screenshot
03. Firma tu documento en línea en unos pocos clics.
Service screenshot
04. Envía, exporta, envía por fax, descarga o imprime tu documento.

Cómo sombrear una hoja en xhtml sin complicaciones

Form edit decoration

Ya sea que estés acostumbrado a trabajar con xhtml o que lo manejes por primera vez, editarlo no debería parecer un desafío. Diferentes formatos pueden requerir aplicaciones particulares para abrirlos y editarlos correctamente. Sin embargo, si necesitas sombrear rápidamente una hoja en xhtml como parte de tu proceso habitual, es recomendable obtener una herramienta multifuncional de documentos que permita todo tipo de operaciones sin esfuerzo adicional.

Prueba DocHub para una edición elegante de xhtml y también otros formatos de archivo. Nuestra plataforma ofrece un procesamiento de documentos fácil, sin importar cuánta o poca experiencia previa tengas. Con todas las herramientas que necesitas para trabajar en cualquier formato, no tendrás que cambiar entre ventanas de edición al trabajar con cada uno de tus documentos. Crea, edita, anota y comparte tus documentos fácilmente para ahorrar tiempo en tareas menores de edición. Solo necesitarás registrarte en una nueva cuenta de DocHub, y luego podrás comenzar tu trabajo al instante.

Sigue estos simples pasos para sombrear una hoja en xhtml

  1. Ve al sitio de DocHub, localiza el botón Crear cuenta gratuita en su página de inicio y haz clic en él para comenzar tu registro.
  2. Ingresa tu dirección de correo electrónico actual y crea una contraseña segura. También puedes usar tu cuenta de Gmail para acelerar el proceso de registro.
  3. Una vez que hayas terminado con el registro, ve al Tablero y agrega tu xhtml para editar. Cárgalo desde tu PC o usa el enlace a su ubicación en el almacenamiento en la nube.
  4. Haz clic en el documento agregado para abrirlo en el editor y realiza todos los ajustes que tengas en mente utilizando nuestras herramientas.
  5. Completa|tu revisión guardando tu documento o descargándolo en tu dispositivo. También puedes enviarlo instantáneamente a un destinatario dedicado en la pestaña de DocHub.

Observa una mejora en la productividad del procesamiento de documentos con el conjunto de características sencillas de DocHub. Edita cualquier archivo rápida y fácilmente, independientemente de su formato. Disfruta de todos los beneficios que provienen de la eficiencia y conveniencia de nuestra plataforma.

Edición de PDF simplificada con DocHub

Edición de PDF sin complicaciones
Editar un PDF es tan simple como trabajar en un documento de Word. Puedes agregar texto, dibujos, resaltados y ocultar o anotar tu documento sin afectar su calidad. Sin texto rasterizado ni campos eliminados. Usa un editor de PDF en línea para obtener tu documento perfecto en minutos.
Trabajo en equipo fluido
Colabora en documentos con tu equipo usando un dispositivo de escritorio o móvil. Permite que otros vean, editen, comenten y firmen tus documentos en línea. También puedes hacer tu formulario público y compartir su URL en cualquier lugar.
Guardado automático
Cada cambio que realices en un documento se guarda automáticamente en la nube y se sincroniza en todos los dispositivos en tiempo real. No es necesario enviar nuevas versiones de un documento o preocuparse por perder información.
Integraciones de Google
DocHub se integra con Google Workspace para que puedas importar, editar y firmar tus documentos directamente desde tu Gmail, Google Drive y Dropbox. Cuando termines, exporta documentos a Google Drive o importa tu libreta de direcciones de Google y comparte el documento con tus contactos.
Potentes herramientas de PDF en tu dispositivo móvil
Mantén tu trabajo en marcha incluso cuando estés lejos de tu ordenador. DocHub funciona en móvil con la misma facilidad que en escritorio. Edita, anota y firma documentos desde la comodidad de tu teléfono inteligente o tableta. No es necesario instalar la aplicación.
Compartición y almacenamiento de documentos seguros
Comparte, envía por correo electrónico y envía documentos por fax instantáneamente de una manera segura y conforme. Establece una contraseña, coloca tus documentos en carpetas encriptadas y habilita la autenticación del destinatario para controlar quién tiene acceso a tus documentos. Una vez finalizado, mantiene tus documentos seguros en la nube.

Aumenta la eficiencia con el complemento DocHub para Google Workspace

Accede a documentos y edítalos, fírmalos y compártelos directamente desde tus aplicaciones de Google favoritas.
Instalar ahora

Cómo hacer Hoja de sombra en xhtml

4.9 de 5
7 votos

¿Qué tal chicos? Bienvenidos a su 34º tutorial de XHTML y CSS y en este tutorial les voy a hablar sobre algo llamado una hoja de estilo externa y esta es definitivamente la lección más útil que les he enseñado hasta ahora, así que hasta ahora, si solo ven un tutorial, asegúrense de que sea este porque les va a facilitar mucho la vida como diseñadores web. Así que, de todos modos, ¿no sería genial si pudiéramos tener un conjunto de estilos, un conjunto de reglas que pudiéramos aplicar a todo nuestro sitio web sin importar cuántas páginas tengamos? Por ejemplo, antes en esta página web tendríamos que listar todos nuestros estilos: convertir los párrafos en rojo, convertir los encabezados en verde, convertir los enlaces en naranja y luego ir a esta página web de aquí: convertir los párrafos en rojo, convertir los encabezados en verde, convertir los enlaces en naranja y si tenemos como 500 páginas web diferentes, eso sería un dolor en el trasero. Así que, de todos modos, ¿no sería fácil si pudiéramos simplemente decir: está bien, tenemos este esquema principal de estilos que queremos aplicar a todo nuestro sitio web?

video background

¿Tienes preguntas?

A continuación, algunas preguntas comunes de nuestros clientes que pueden proporcionarte la respuesta que buscas. Si no puedes encontrar una respuesta a tu pregunta, no dudes en ponerte en contacto con nosotros.
Contacto
La etiqueta especifica texto en negrita sin ninguna importancia adicional.
CSS se puede aplicar a HTML o XHTML utilizando tres métodos: vinculado, embebido y en línea. En el método vinculado, el CSS se almacena en un archivo separado, en lugar de directamente en la página HTML. En el método embebido, el CSS se almacena como parte de la página HTML, en la sección de encabezado.
Cómo crear una hoja de estilo CSS embebida Comienza creando un archivo HTML simple. ... Agrega el bloque de estilo en la cabeza de la página. ... Agrega una regla para los elementos h1 de la siguiente manera: h1 { text-align: center; font-size: 12pt; color: #000099; margin-bottom: 5px; text-decoration: underline; }
¡Ahora veamos esas 10 etiquetas! … ... <body> … ... <h1> … </h1> — Un encabezado de sección. ... <p> … </p> — Un párrafo. ... <a> … </a> — Un enlace. ... <img> — Una imagen. El elemento img te permite insertar imágenes en tus páginas web. ... <div> … </div> — Un contenedor de bloque para contenido. ... <span> … </span> — Un contenedor en línea para contenido.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="4" data-qa-tag="faq-tab-5"> <div class="accordion__panel-status"></div> ¿Cuáles son las 5 etiquetas básicas? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-5-content">Estas etiquetas (elementos) HTML 5 proporcionan una mejor estructura de documento....Lista de etiquetas HTML 5. EtiquetaDescripción<footer>Define un pie de página para una sección.<header>Define un encabezado para una sección.<main>Define el contenido principal de un documento.<mark>Especifica el contenido marcado o resaltado.24 filas más</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="5" data-qa-tag="faq-tab-6"> <div class="accordion__panel-status"></div> ¿Cuál es el propósito principal de CSS? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-6-content">CSS (Hojas de Estilo en Cascada) se utiliza para dar estilo y diseño a las páginas web — por ejemplo, para alterar la fuente, color, tamaño y espaciado de tu contenido, dividirlo en múltiples columnas, o agregar animaciones y otras características decorativas.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="6" data-qa-tag="faq-tab-7"> <div class="accordion__panel-status"></div> ¿Cómo funciona CSS con HTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-7-content">CSS se puede agregar a documentos HTML de 3 maneras: En línea - utilizando el atributo de estilo dentro de los elementos HTML. Interno - utilizando un <style> elemento en la sección <head>. Externo - utilizando un <link> elemento para vincular a un archivo CSS externo.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="7" data-qa-tag="faq-tab-8"> <div class="accordion__panel-status"></div> ¿Cómo agregar una hoja de estilo en XHTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-8-content">Para hacer que una hoja de estilo sea preferida, establece el atributo rel a "stylesheet" y nombra la hoja de estilo con el atributo title. Para especificar una hoja de estilo alternativa, establece el atributo rel a "alternate stylesheet" y nombra la hoja de estilo con el atributo title.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="8" data-qa-tag="faq-tab-9"> <div class="accordion__panel-status"></div> ¿Cómo enlazo una hoja de estilo en XML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-9-content">Cómo agregar estilo a XML Hojas de estilo externas. Pruébalo en tu navegador. HTML tiene un elemento de enlace para vincular a hojas de estilo externas, pero no todos los formatos basados en XML tendrán tal elemento. ... Hojas de estilo embebidas. Pruébalo en tu navegador. ... Atributos de clase. Pruébalo en tu navegador.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="9" data-qa-tag="faq-tab-10"> <div class="accordion__panel-status"></div> ¿Cuál es el uso de CSS en XHTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-10-content">Su propósito básico es permitir que los autores de HTML asocien otros documentos con el documento que contiene la etiqueta de enlace. CSS lo utiliza para vincular hojas de estilo al documento; en la Figura 1-5, una hoja de estilo llamada sheet1.css está vinculada al documento.</div> </div> </div> </div> </div> </section> <section class="page-section page-section--customers-reviews"> <div class="page-section__inner"> <h2 class="section-title">Ve por qué nuestros clientes eligen DocHub</h2> <div class="user-reviews"> <div class="user-reviews__item"> <div class="user-review"> <div class="user-review__header"> <div class="rating"> <div class="rating__stars"> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-half-filled"></div> </div> </div> <div class="user-review__platform-logo"></div> </div> <div class="user-review__body"> <div class="user-review__title">Gran solución para documentos PDF con muy poco conocimiento previo requerido.</div> <div class="user-review__message">"Simplicidad, familiaridad con el menú y fácil de usar. Es fácil de navegar, hacer cambios y editar lo que necesites. Como se utiliza junto a Google, el documento siempre se guarda, así que no tienes que preocuparte por ello."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/152/images/_pages/functionality/icons/photo-pam@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Pam Driscoll F</b><br>Profesora</div> </div> </div> </div> </div> <div class="user-reviews__item"> <div class="user-review"> <div class="user-review__header"> <div class="rating"> <div class="rating__stars"> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-half-filled"></div> </div> </div> <div class="user-review__platform-logo"></div> </div> <div class="user-review__body"> <div class="user-review__title">Un valioso firmador de documentos para pequeñas empresas.</div> <div class="user-review__message">"Me encanta que DocHub sea increíblemente asequible y personalizable. Realmente hace todo lo que necesito, sin un gran precio como algunos de sus competidores más conocidos. Puedo enviar documentos seguros directamente a los correos electrónicos de mis clientes y en tiempo real cuando están viendo y haciendo alteraciones a un documento."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/152/images/_pages/functionality/icons/photo-jiovany@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Jiovany A</b><br>Pequeña Empresa</div> </div> </div> </div> </div> <div class="user-reviews__item"> <div class="user-review"> <div class="user-review__header"> <div class="rating"> <div class="rating__stars"> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-half-filled"></div> </div> </div> <div class="user-review__platform-logo"> </div> </div> <div class="user-review__body"> <div class="user-review__title">Puedo crear copias rellenables para las plantillas que selecciono y luego puedo publicarlas.</div> <div class="user-review__message">"Me gusta trabajar y organizar mi trabajo de la manera adecuada para cumplir e incluso superar las demandas que se hacen a diario en la oficina, así que disfruto trabajar con archivos PDF, creo que son más profesionales y versátiles, permiten..."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/152/images/_pages/functionality/icons/photo-victoria@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Victoria G</b><br>Pequeña Empresa</div> </div> </div> </div> </div> </div> </div> </section> <section class="page-section page-section--c2a-get-form"> <div class="page-section__inner"> <div class="section-title-preamble">esté listo para obtener más</div> <h4 class="section-title">Edita y firma PDF<span class="section-title__accent">gratis</span></h4> <a class="button" tabindex="0" data-qa-tag="button-cta-get-started" onclick="sksTracker.trackBeforeAction()" href="https://dochub.com/sign-up" data-metric-ab-tower="dh_lp_sign_up_buttons_in_lp_functionalities" >Empieza ahora</a> </div> </section> <section class="page-section page-section--related-searches"> <div class="page-section__inner"> <h3 class="section-title">Búsquedas relacionadas</h3> <div class="tags-group"> <span class="tag" data-qa-tag="tag-link-1">estilo xhtml</span> <span class="tag" data-qa-tag="tag-link-2">clase de estilo en xhtml</span> <span class="tag" data-qa-tag="tag-link-3">css xhtml</span> <span class="tag" data-qa-tag="tag-link-4">enlace css xhtml</span> <span class="tag" data-qa-tag="tag-link-5">hoja de trucos dom pdf</span> <span class="tag" data-qa-tag="tag-link-6">hoja de trucos canvas html5</span> <span class="tag" data-qa-tag="tag-link-7">hoja de trucos html</span> <span class="tag" data-qa-tag="tag-link-8">hoja de trucos css tipo de archivo pdf</span> </div> </div> </section> <div class="page__footer"> <div class="page-section page-section--footer"> <div class="page-section__inner"> <div class="footer-section"> <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/152/images/logos/dochub-reverse-2025.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div> <div class="footer-section footer-section--only-tablet"><a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a> <div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div> <div class="socials-list lazy-background"> <div class="socials-list__item"><a class="socials-link socials-link--twitter" href="https://twitter.com/dochub">Follow Us</a></div> </div> </div> <div class="footer-section app-buttons app-buttons--desktop"> <a class="app-buttons__google-play" href="https://dochub.onelink.me/taut?af_xp=custom&pid=web_footer" rel="noopener" target="_blank"> <img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/152/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy"> </a> <a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&pid=web_footer" rel="noopener" target="_blank"> <img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/152/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="135" height="40" loading="lazy"> </a> </div> <div class="copyright-caption">© 2025 DocHub, LLC</div> </div> <div class="footer-section"> <div class="footer-section-title">Products</div> <div class="footer-menu"> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-editor">PDF Editor</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-forms">Forms & Templates</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/sign-documents">Sign Documents</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://dochub.statuspage.io/">Server Status</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pricing">Pricing</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/fillable-form">Forms Library</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/main-features">Features</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/functionality">Functions</a></div> </div> </div> <div class="footer-section"> <div class="footer-section-title">Company</div> <div class="footer-menu"> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/about-us">About</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/terms-of-services">Terms</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/privacy-notice">Privacy Notice</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/legal">Legal</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://dochub.com/helpdesk">Support</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/release-notes">Release Notes</a></div> </div> </div> <div class="footer-section"> <div class="footer-section-title">Resources</div> <div class="footer-menu"> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.pdffiller.com/">pdfFiller</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.uslegalforms.com/">US Legal Forms</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.signnow.com/">Electronic Signature</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.airslate.com ">No-code document workflows</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.dochub.com/en/mobile-app">DocHub Mobile App</a></div> </div> </div> <div class="footer-section"> <div class="footer-section-title">What's New</div> <div class="text-label text-label text-label--new">New</div> <div class="release-note-caption">DocHub v6 Released! Multi-file envelopes, bulk file importing, and multi-page reordering and much more.</div> </div> <div class="footer-section footer-section--only-desktop"> <div class="footer-section-title footer-section-title--mobile-only">Contact us</div> <a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a> <div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div> <div class="socials-list lazy-background"> <div class="socials-list__item"> <a class="socials-link socials-link--twitter" rel="noopener" target="_blank" href="https://twitter.com/dochub">Follow Us</a> </div> </div> </div> <div class="footer-section app-buttons app-buttons--mobile"> <a class="app-buttons__google-play" href="https://dochub.onelink.me/taut?af_xp=custom&pid=web_footer" rel="noopener" target="_blank"> <img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/152/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy"> </a> <a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&pid=web_footer" rel="noopener" target="_blank"> <img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/152/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="135" height="40" loading="lazy"> </a> </div> </div> <div class="page-section__inner page-section__inner--footer-mobile-only"> <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/152/images/logos/dochub-reverse-2025.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div> <div class="copyright-caption">© 2025 DocHub, LLC</div> </div> </div> </div> <div class="popup-cookie popup-cookie__v2"> <div class="popup-cookie__close js-popup-close"></div> <div class="popup-cookie__row"> <div class="popup-cookie__column popup-cookie__column--description"> <div class="popup-text">This site uses cookies to enhance site navigation and personalize your experience. By using this site you agree to our use of cookies as described in our <a href="https://dochub.com/site/privacy-notice" title="Cookie Privacy Notice" rel="noopener" target="_blank">Privacy Notice</a>. You can modify your selections by visiting our <a href="https://dochub.com/site/cookies" title="Cookie Advertising Notice" rel="noopener" target="_blank">Cookie and Advertising Notice</a>.<span class="popup-readmore popup-readmore--more">... <span class="link">Read more...</span></span><span class="popup-readmore popup-readmore--less link">Read less</span></div> </div> <div class="popup-cookie__column popup-cookie__column--action"><span class="button button__bordered js-popup-accept" tabindex="0">Accept</span></div> </div> </div> <script> window.events = {"google_one_tap_click":"dh_lp_google_one_tap_click","google_one_tap_close":"dh_lp_google_one_tap_close","google_button_displayed":"dh_lp_google_button_displayed","google_button_click":"dh_lp_google_button_click","pdffiller_editor_button_click":"dh_pdffiller_uploader_click"}; </script> <script> window.CURRENT_DATE_LOCALE = 'es'; </script> <img style="position: absolute; left: -9999px;" src="https://www.pdffiller.com/funnel.php?source=functionality_dochub" alt=""/> <script src="https://cdn.mrkhub.com/dochub-frontend/152/javascripts/functionality-page.js"></script> <script src="https://static-ak.pdffiller.com/frontend/babel-polyfill.min.js"></script> <script src="https://static-ak.pdffiller.com/frontend/react16-vendors.min.js"></script> <script src="https://static-ak.pdffiller.com/frontend/Uploader_1/42100/Uploader.js"></script> <script> window.user = { 'internalEmail' : '', 'isLogged' : false, 'isPaid' : false, 'email' : '', }; window.allConstants.UPLOADER_DOCHUB_UPLOAD_DZ_BUTTON_TEXT = 'Seleccione un documento'; const sendMetricWithRedirect = function(metrics = {}, route = '/api/send-metrics') { return new Promise((resolve, reject) => { let ajax = new XMLHttpRequest(); ajax.open('POST', route, true); ajax.setRequestHeader('Content-Type', 'application/json'); ajax.setRequestHeader('X-CSRF-TOKEN', document.querySelector('meta[name="csrf-token"]').content); ajax.onload = function() { if (ajax.status === 200) { resolve(); } else { reject(); } }; ajax.send(JSON.stringify(metrics)); }); }; var sendStat = function() { return true; }; var isUserPaid = function() { return window.user && window.user.isPaid !== undefined ? { isPaid: window.user.isPaid } : {isPaid: false}; }; var getUserEmail = function() { return window.user && window.user.internalEmail !== undefined ? { internalEmail: window.user.internalEmail, } : {internalEmail: ''}; }; var isUserLogged = function() { return window.user && window.user.isLogged !== undefined ? { isLogged: window.user.isLogged } : { isLogged: false }; }; var runTemplateSuggestion = function() { console.log('runTemplateSuggestion'); return true; }; var openEditor = function(res) { if (res.type === 'SUCCESS' || res.type === 'GO_TO_EDITOR') { setExternalGuestId('https://www.pdffiller.com/api_v3/abTest/setExternalGuestId', getRedirectLink, res.uploadData); fetch('https://www.pdffiller.com/api_v3/uploader/info?lang=es', { method: 'post', headers: { 'Content-Type': 'application/json', 'User-Agent': navigator.userAgent, 'userid': res.uploadData.auth.userId, 'token': res.uploadData.auth.token, 'appkey': res.uploadData.auth.appKey }, body: JSON.stringify({ 'origin': 'https://www.dochub.com', 'projectId': res.uploadData.docList[0].id, 'guestId': '721dc9b55a.1746807838' }) }) .then(response => response.json()) .then(response => { if (response.data && response.result === true) { document.cookie = 'api_js=' + response.data.api_js + "; path=/; max-age=3600"; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "CE_file_navigate", }) sksTracker.trackBeforeAction(); sendMetricWithRedirect({ abTower: 'dh_pdffiler_editor_before_redirect', dataDog: 'dh_pdffiler_editor_before_redirect', }, 'https://www.dochub.com/api/send-metrics') .then(() => { window.location.href = response.data.redirect_url; }) .catch(() => { console.log("sendMetricWithRedirect: Failed to send metrics"); window.location.href = response.data.redirect_url; }); } else { console.log("Can't make redirect on editor"); } }); } return true; }; window.sendMetric = (metrics = {}, route = '/api/send-metrics') => { let ajax = new XMLHttpRequest(); ajax.open('POST', route, true); ajax.setRequestHeader('Content-Type', 'application/json'); ajax.setRequestHeader('X-CSRF-TOKEN', document.querySelector('meta[name="csrf-token"]').content); ajax.send(JSON.stringify(metrics)); }; var setExternalGuestId = function (url, callback, uploadData) { var ajax = new XMLHttpRequest(); var body = { 'guestId': '721dc9b55a.1746807838' }; ajax.open('POST', url, true); ajax.setRequestHeader('userid', uploadData.auth.userId); ajax.setRequestHeader('token', uploadData.auth.token); ajax.setRequestHeader('appkey', uploadData.auth.appKey); ajax.setRequestHeader('Content-Type', 'application/json'); ajax.send(JSON.stringify(body)); }; function sendAbTestEvent() { window.sendMetric({ abTower: 'dh_pdffiler_editor_start_uploading', dataDog: 'dh_pdffiler_editor_start_uploading', }, 'https://www.dochub.com/api/send-metrics'); } function sendDataLayerEvent() { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "CE_file_upload", }) } var getRedirectLink = function (response) { response = JSON.parse(response); if (response.result) { document.cookie = 'api_js=' + response.data.api_js + "; path=/; max-age=3600"; window.location.href = response.data.redirect_url } }; initUploader({ localePrefix: 'DOCHUB_', app: 'DOCHUB_MAIN_FEATURES', modes: { microSites: true }, features: ["@UPLOADER\/UPLOAD"], api: { base: 'https://www.pdffiller.com', ws: { host: 'wss://mm-websocket.pdffiller.com', port: '443', }, }, auth: { appKey: 'klwlq3h4jfi8.apps.dochub.v1.0' }, multiple: 1, lang: 'es', callbacks: { end: openEditor, request: runTemplateSuggestion }, hooks: { data: { modalOpen: [getUserEmail, isUserLogged, isUserPaid] }, actions: { startUploading: [sendAbTestEvent, sendDataLayerEvent], }, stat: sendStat, }, }); </script> <script defer src="https://cdn.mrkhub.com/sks/js/sks_track.js"></script> <link media="all" href="https://cdn.mrkhub.com/dochub-frontend/152/stylesheets/functionality-page.css" rel="stylesheet"> </body> </html> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'93d28bd21831cf3f',t:'MTc0NjgwNzg1Ny4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>