Edita el cuadro de texto en html

Cómo editar el cuadro de texto en html con la máxima eficiencia

Formatos de archivo inusuales en la gestión de documentos y operaciones de modificación diarias pueden crear confusión inmediata sobre cómo editarlos. Puede que necesite más que software de computadora preinstalado para una modificación de documentos efectiva y rápida. Si desea editar un cuadro de texto en html o hacer cualquier otra alteración básica en su documento, elija un editor de documentos que tenga las características para que pueda manejarlo con facilidad. Para manejar todos los formatos, incluido html, optar por un editor que realmente funcione bien con todos los tipos de archivos será su mejor opción.

Pruebe DocHub para una gestión de documentos eficiente, independientemente del formato de su documento. Tiene potentes herramientas de edición en línea que simplifican sus operaciones de gestión de documentos. Puede crear, editar, anotar y compartir cualquier archivo fácilmente, ya que todo lo que necesita para acceder a estas características es una conexión a internet y una cuenta activa de DocHub. Solo una solución de documentos es todo lo que necesita. No pierda tiempo cambiando entre diferentes programas para diferentes archivos.

Edite fácilmente el cuadro de texto en html en unos pocos pasos

Vaya al sitio web de DocHub, haga clic en la clave Crear cuenta gratuita y comience su registro.
Ingrese su dirección de correo electrónico actual y desarrolle una contraseña robusta. Para un registro aún más rápido, use su cuenta de Gmail.
Cuando su inscripción esté completa, verá nuestro Tablero. Agregue el html subiéndolo o enlazándolo desde su almacenamiento en la nube.
Haga clic en el documento agregado en su lista de documentos para abrirlo en modo de edición. Utilice la barra de herramientas sobre la hoja del documento para hacer todas las ediciones.
Termine su edición guardando el archivo en sus documentos, descargándolo en su computadora o enviándolo a través de DocHub sin cambiar de pestañas.

Disfrute de la eficiencia de trabajar con una herramienta diseñada específicamente para simplificar el procesamiento de documentos. Vea lo sencillo que realmente es modificar cualquier documento, incluso si es la primera vez que trabaja con su formato. Regístrese ahora y mejore todo su proceso de trabajo.

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 Editar cuadro de texto en html

5 de 5

70 votos

[Música] [Música] [Música] [Aplausos] [Música] así que [Música] [Aplausos] [Música] [Aplausos] [Música] [Aplausos] [Música] [Aplausos] [Música] [Música] [Música] [Aplausos] [Música] así que [Música] [Aplausos] [Música] [Aplausos] [Música] [Aplausos] [Música] [Aplausos] [Música] así que [Música] [Música] extranjero [Música] [Aplausos] [Música] hacer [Música] así que [Música] [Aplausos] [Música] [Aplausos] [Música] [Aplausos] [Música] [Aplausos] [Música] así que [Música] hacer [Música] [Aplausos] [Música] tú

Funciones relacionadas

Imbed Us Contact Attestation Gratis

Inserte la Atestación de Contacto de EE. UU. Gratis

Certificado del Día del Objeto Gratis

Licencia de Formato de Ecuación Gratis

Certificado del Día de Solicitud Gratis

Licencia de Ecuación de Trabajo Gratis

Incrustar aviso de teléfono de EE. UU. gratis

Certificado del Día de la Carta Gratis

¿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

¿Cómo hago un cuadro de texto grande en HTML?

Para crear una entrada de texto de varias líneas, utiliza la etiqueta HTML

. Puedes establecer el tamaño de un área de texto utilizando los atributos cols y rows. Se utiliza dentro de un formulario, para permitir a los usuarios ingresar texto en varias filas.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="1" data-qa-tag="faq-tab-2">
                        <div class="accordion__panel-status"></div>
                        ¿Qué es HTML editable?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-2-content">El atributo contenteditable en HTML se utiliza para establecer si el contenido es editable o no utilizando valores booleanos verdadero o falso. Este atributo se puede usar con cualquier elemento ya que es un Atributo Global. La siguiente es la sintaxis − <element contenteditable =”true|false”></div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="2" data-qa-tag="faq-tab-3">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo creo un tipo de cuadro de texto?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-3-content">Agregar un cuadro de texto Ve a Insertar > Cuadro de texto, y luego selecciona Dibujar cuadro de texto. Haz clic o toca en el documento, y arrastra para dibujar el cuadro de texto del tamaño que desees. Para agregar texto a un cuadro de texto, selecciona dentro del cuadro de texto, y luego escribe o pega texto. Notas:</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>
                        ¿Cómo dibujar un cuadro en HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-4-content">Descripción general fillRect(x, y, width, height) : Dibuja un rectángulo relleno. strokeRect(x, y, width, height) : Dibuja un contorno rectangular. clearRect(x, y, width, height) : Limpia el área rectangular especificada, haciéndola completamente transparente.</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>
                        ¿Cómo pones etiquetas dentro de la entrada?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-5-content">Hay dos formas de emparejar una etiqueta y una entrada. Una es envolviendo la entrada en una etiqueta (implícita), y la otra es agregando un atributo for a la etiqueta y un id a la entrada (explícita).</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>
                        ¿Cómo haces que algo sea editable por el usuario en HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-6-content">Atributo contenteditable de HTML El atributo contenteditable especifica si el contenido de un elemento es editable o no. Nota: Cuando el atributo contenteditable no está establecido en un elemento, el elemento lo heredará de su padre.</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>
                        ¿Qué es un cuadro de texto en un formulario HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-7-content">El elemento <form> es un contenedor para diferentes tipos de elementos de entrada, tales como: campos de texto, casillas de verificación, botones de opción, botones de envío, etc.</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 obtengo la opción Editar en HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-8-content">Para editar el contenido en HTML, utilizaremos el atributo contenteditable. El contenteditable se utiliza para especificar si el contenido del elemento es editable por el usuario o no. Este atributo tiene dos valores. verdadero: Si el valor del atributo contenteditable se establece en verdadero, entonces el elemento es editable.</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 hago que un cuadro de texto no sea editable en HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-9-content">El atributo readonly es un atributo booleano. Cuando está presente, especifica que un campo de entrada es de solo lectura. Un campo de entrada de solo lectura no puede ser modificado (sin embargo, un usuario puede tabular a él, resaltarlo y copiar el texto de él).</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>
                        ¿Cómo pones texto dentro de un cuadro de entrada en HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-10-content">Para resumir, para crear un campo de entrada de texto en HTML, necesitas al menos: Un elemento <input>, que típicamente va dentro de un elemento <form>. Para establecer el atributo type con un valor de texto. Esto creará un campo de entrada de texto de una sola línea. No olvides agregar un atributo name.</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/151/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/151/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/151/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">entrada de texto html área de texto</span>
                            <span class="tag" data-qa-tag="tag-link-2">cómo hacer que el campo de texto sea editable en html</span>
                            <span class="tag" data-qa-tag="tag-link-3">cuadro de texto en html w3schools</span>
                            <span class="tag" data-qa-tag="tag-link-4">cómo hacer que el campo de texto no sea editable en html</span>
                            <span class="tag" data-qa-tag="tag-link-5">tipo de entrada=área de texto</span>
                            <span class="tag" data-qa-tag="tag-link-6">cómo crear un cuadro de texto en html</span>
                            <span class="tag" data-qa-tag="tag-link-7">tamaño del cuadro de texto html</span>
                            <span class="tag" data-qa-tag="tag-link-8">cómo crear un cuadro en html con texto e imagen</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/151/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="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/151/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/151/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/151/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 popup-cookie--top">
    <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>

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': '44cae2efcc.1746133369'
                })
            })
            .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': '44cae2efcc.1746133369'
                };
                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>

Edita el cuadro de texto en html suavemente