Varía el tipo en html 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 variar el tipo en archivos Html sin complicaciones

Form edit decoration

Hay muchas soluciones de edición de documentos en el mercado, pero solo algunas son compatibles con todos los tipos de archivos. Algunas herramientas son, por el contrario, versátiles pero difíciles de usar. DocHub proporciona la respuesta a estos desafíos con su editor basado en la nube. Ofrece capacidades robustas que te permiten completar tus tareas de gestión de documentos de manera eficiente. Si necesitas variar rápidamente el tipo en Html, ¡DocHub es la mejor opción para ti!

Nuestro proceso es increíblemente simple: importas tu archivo Html a nuestro editor → se transforma automáticamente en un formato editable → aplicas todos los ajustes requeridos y lo actualizas profesionalmente. Solo necesitas un par de momentos para tener tu documentación lista.

Cinco pasos rápidos para variar el tipo en Html con DocHub:

  1. Importa tu archivo. Hemos hecho disponibles varias opciones de carga: arrastrar directamente la plantilla a un panel de carga, importarla desde servicios en la nube populares o tu dispositivo, o a través de enlaces externos.
  2. Edita tu contenido. Tan pronto como abras tu documento Html en nuestro editor, utiliza nuestra barra de herramientas superior para agregar texto o contenido visual, resaltar o eliminar detalles, dibujar, y así sucesivamente. Haz clic en el botón Administrar Campos para agregar campos rellenables.
  3. Completa y obtén aprobación para tu formulario. Rellena los datos en los campos de tu documento. Si necesitas firmar tu archivo Html, haz clic en la opción Campos de Firma arriba y asigna campos para que otras partes firmen electrónicamente.
  4. Comparte tu archivo. Envíalo por correo electrónico o selecciona otra de las muchas formas en que puedes enviar tu documento Html a otras personas. También puedes enviar por fax, generar un enlace de solicitud de firma, o un enlace público compartible para tu formulario.
  5. Guarda tus cambios. Haz clic en la opción Descargar/Exportar para guardar tu documentación en tu dispositivo, tu almacenamiento en la nube, así como en tu espacio de trabajo de Google Classroom.

Cuando se apliquen todos los cambios, puedes convertir tu documentación en una plantilla reutilizable. Solo necesitas ir al Menú del lado izquierdo de nuestro editor y hacer clic en Acciones → Convertir en Plantilla. Encontrarás tu documentación almacenada en una carpeta separada en tu Tablero, ahorrándote tiempo la próxima vez que necesites la misma plantilla. ¡Prueba DocHub hoy!

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 Variar tipo en html

4.6 de 5
5 votos

la información es clave, por eso los formularios son una de las partes más importantes de un sitio web. En el video de hoy, te voy a mostrar todo lo que necesitas saber sobre cómo crear formularios y elementos dentro de esos formularios. Y si eres nuevo por aquí, asegúrate de suscribirte para más videos donde simplifico la web para ti. Comencemos. Ahora, para empezar con los formularios, construyamos uno de los tipos de formularios más comunes, que es un formulario de inicio de sesión. Para hacer eso, primero necesitamos crear una página para cargarlo, así que solo crearemos una página llamada index.html y aquí, si estás usando código envidioso o estás usando Emmet, si solo escribes un signo de exclamación y presionas enter, generará todo el código base que necesitas para una página HTML básica. Solo podríamos cambiar el título aquí a formulario porque esto se va a demostrar en formularios. Ahora, para usar un formulario, lo primero que necesitas hacer es abrir una etiqueta de formulario, así que puedes escribir aquí formulario y cerrarlo, y esta va a ser una etiqueta de formulario con todas las entradas que pongas dentro.

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
Para cambiar el tipo de fuente únicamente con HTML, utiliza la propiedad CSS font-family. Establece el valor que deseas y colócalo dentro de un atributo de estilo. Luego, añade este atributo de estilo a un elemento HTML, como un párrafo, encabezado, botón o etiqueta span.
Hay dos tipos de etiquetas HTML: emparejadas y no emparejadas. Las etiquetas emparejadas requieren una etiqueta de apertura que activa una característica de formato y una etiqueta de cierre que desactiva la característica.
Esta es nuestra lista de etiquetas HTML básicas: para enlace. para hacer texto en negrita. para texto en negrita con énfasis.
parte principal de HTML.
para salto de línea.
es una división o parte de un documento HTML. para títulos. <i> para hacer un texto en cursiva. <img> para imágenes en el documento.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="3" data-qa-tag="faq-tab-4"> <div class="accordion__panel-status"></div> ¿Qué significa variar en el encabezado HTTP? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-4-content">El encabezado de respuesta HTTP Vary describe las partes del mensaje de solicitud, aparte del método y la URL, que influyeron en el contenido de la respuesta en la que ocurre. Más a menudo, esto se utiliza para crear una clave de caché cuando se utiliza la negociación de 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 los diferentes tipos en HTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-5-content">Tipos de HTML HTML se puede dividir en tres categorías: transicional, estricto y frameset.</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áles son los 3 tipos de HTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-6-content">Hay tres tipos diferentes de listas HTML: Lista Ordenada o Lista Numerada (ol) Lista Desordenada o Lista con Viñetas (ul) Lista de Descripción o Lista de Definición (dl)</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> ¿Cuáles son los 5 tipos de HTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-7-content">Diferentes Versiones de HTML HTML 1.0. La versión básica de HTML tiene soporte para elementos básicos como controles de texto e imágenes. HTML 2. La versión HTML 2.0 fue desarrollada en 1995 con la intención básica de mejorar la versión HTML 1.0. HTML 3.2. Fue desarrollada en 1997. HTML 4.01. Fue desarrollada en 1999. HTML5. Validador HTML de W3C.</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 restringo la entrada de texto en HTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-8-content">Utilizamos <input> para obtener la entrada del usuario en HTML. Para dar un límite (o rango) al campo de entrada, utilizamos los atributos min y max, que especifican un valor máximo y mínimo para un campo de entrada respectivamente. Para establecer el límite máximo de caracteres en el campo de entrada, utilizamos el atributo maxlength.</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> <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': '02e5537fd9.1746925978' }) }) .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': '02e5537fd9.1746925978' }; 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:'93ddcfadfa97ceb4',t:'MTc0NjkyNTk3OS4wMDAwMDA='};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>