Work in detail in html smoothly

Aug 6th, 2022
Icon decoration
0
forms filled out
Icon decoration
0
forms signed
Icon decoration
0
forms sent
Service screenshot
01. Upload a document from your computer or cloud storage.
Service screenshot
02. Add text, images, drawings, shapes, and more.
Service screenshot
03. Sign your document online in a few clicks.
Service screenshot
04. Send, export, fax, download, or print out your document.

How to work in detail in html with top efficiency

Form edit decoration

Unusual file formats within your day-to-day document management and editing processes can create instant confusion over how to modify them. You may need more than pre-installed computer software for effective and fast document editing. If you want to work in detail in html or make any other basic change in your document, choose a document editor that has the features for you to deal with ease. To handle all of the formats, such as html, opting for an editor that works properly with all types of documents will be your best choice.

Try DocHub for efficient document management, irrespective of your document’s format. It offers powerful online editing instruments that simplify your document management process. It is easy to create, edit, annotate, and share any document, as all you need to gain access these characteristics is an internet connection and an functioning DocHub profile. A single document tool is everything required. Don’t waste time switching between different applications for different documents.

Easily work in detail in html in a few steps

  1. Visit the DocHub site, click on the Create free account key, and begin your signup.
  2. Enter your email address and create a strong security password. For faster signup, use your Gmail account.
  3. When your enrollment is complete, you will see our Dashboard. Add the html by uploading it or linking it from a cloud storage.
  4. Click the added document in your document list to open it in editing mode. Utilize the toolbar above the document sheet to make all of the edits.
  5. Finish your editing by saving the file with your documents, downloading it on your device, or sending it via DocHub without switching tabs.

Enjoy the efficiency of working with an instrument designed specifically to simplify document processing. See how effortless it really is to edit any document, even when it is the first time you have dealt with its format. Register a free account now and improve your entire working process.

PDF editing simplified with DocHub

Seamless PDF editing
Editing a PDF is as simple as working in a Word document. You can add text, drawings, highlights, and redact or annotate your document without affecting its quality. No rasterized text or removed fields. Use an online PDF editor to get your perfect document in minutes.
Smooth teamwork
Collaborate on documents with your team using a desktop or mobile device. Let others view, edit, comment on, and sign your documents online. You can also make your form public and share its URL anywhere.
Automatic saving
Every change you make in a document is automatically saved to the cloud and synchronized across all devices in real-time. No need to send new versions of a document or worry about losing information.
Google integrations
DocHub integrates with Google Workspace so you can import, edit, and sign your documents directly from your Gmail, Google Drive, and Dropbox. When finished, export documents to Google Drive or import your Google Address Book and share the document with your contacts.
Powerful PDF tools on your mobile device
Keep your work flowing even when you're away from your computer. DocHub works on mobile just as easily as it does on desktop. Edit, annotate, and sign documents from the convenience of your smartphone or tablet. No need to install the app.
Secure document sharing and storage
Instantly share, email, and fax documents in a secure and compliant way. Set a password, place your documents in encrypted folders, and enable recipient authentication to control who accesses your documents. When completed, keep your documents secure in the cloud.

Drive efficiency with the DocHub add-on for Google Workspace

Access documents and edit, sign, and share them straight from your favorite Google Apps.
Install now

How to Work in detail in html

5 out of 5
57 votes

i dont think this tutorial needs much of an introduction html is of course the language used on the internet mainly for the structure and content of websites but used in nearly every website nonetheless im going to be using notepad in windows for this tutorial just to demonstrate how easily you can create an html document um hopefully by the end of this tutorial youll have a good understanding of the structure of html youll not be an expert but you should have um good knowledge of essentially how html works which you can then build on and progress from there so weve got a blank document here in notepad html is made up of tags now tag is how html defines different areas and sections of the document and its how a web browser would read and interpret the code essentially so the first tag you need in html is simply the html tag now most tags in html need opening and closing so see up here weve got the opening html tag simply the word html in between these symbols and then down here

video background

Got questions?

Below are some common questions from our customers that may provide you with the answer you're looking for. If you can't find an answer to your question, please don't hesitate to reach out to us.
Contact us
The
element in HTML creates a widget that contains additional information that is only visible when the widget is in the “open” state. There are no restrictions on the content that can be included inside the
element. By default, the widget created by the
element is in the “closed” state.
HTML stands for Hyper Text Markup Language. HTML is the standard markup language for creating Web pages. HTML describes the structure of a Web page. HTML consists of a series of elements. HTML elements tell the browser how to display the content.
The basic structure of an HTML document consists of 5 elements: <body></div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="0"> <div class="accordion__panel-status"></div> How do I open details in HTML? </h3> <div class="accordion__panel-body" role="tabpanel">The HTML <details> open attribute is used to indicate whether the details will be display on page load. It is a boolean attribute. If this attribute is present then the detail will be visible. Example: This example illustrates the use of open attribute in <details> element.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="0"> <div class="accordion__panel-status"></div> What is summary details? </h3> <div class="accordion__panel-body" role="tabpanel">A summary is a condensed version of an original text, usually a full article or book. Summaries are usually around a paragraph long, and may even be a few paragraphs long depending on the length of the work being condensed.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="0"> <div class="accordion__panel-status"></div> What skills do you need to be a HTML coder? </h3> <div class="accordion__panel-body" role="tabpanel">Here are the main skills and personal qualities you'll need: Knowledge of content management systems like WordPress. An understanding of User Experience (UX) Design and User Interface (UI) design. The ability to test and debug websites. Fast thinking to react to situations. An ability to explain technical matters.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="0"> <div class="accordion__panel-status"></div> How do I keep details open in HTML? </h3> <div class="accordion__panel-body" role="tabpanel">The open attribute is a boolean attribute. When present, it specifies that the details should be visible (open) to the user.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="0"> <div class="accordion__panel-status"></div> What is the use of details and summary tag in HTML? </h3> <div class="accordion__panel-body" role="tabpanel">Definition and Usage The <summary> tag defines a visible heading for the <details> element. The heading can be clicked to view/hide the details. Note: The <summary> element should be the first child element of the <details> element.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="0"> <div class="accordion__panel-status"></div> How do you make details in HTML? </h3> <div class="accordion__panel-body" role="tabpanel">The <details> tag specifies additional details that the user can open and close on demand. The <details> tag is often used to create an interactive widget that the user can open and close. By default, the widget is closed.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="0"> <div class="accordion__panel-status"></div> What is basic knowledge of HTML? </h3> <div class="accordion__panel-body" role="tabpanel">HTML stands for Hyper Text Markup Language. HTML is the standard markup language for creating Web pages. HTML describes the structure of a Web page. HTML consists of a series of elements. HTML elements tell the browser how to display the content.</div> </div> </div> </div> </div> </section> <section class="page-section page-section--customers-reviews"> <div class="page-section__inner"> <h2 class="section-title">See why our customers choose 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">Great solution for PDF docs with very little pre-knowledge required.</div> <div class="user-review__message">"Simplicity, familiarity with the menu and user-friendly. It's easy to navigate, make changes and edit whatever you may need. Because it's used alongside Google, the document is always saved, so you don't have to worry about it."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/31/images/_pages/functionality/icons/photo-pam@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Pam Driscoll F</b><br>Teacher</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">A Valuable Document Signer for Small Businesses.</div> <div class="user-review__message">"I love that DocHub is incredibly affordable and customizable. It truly does everything I need it to do, without a large price tag like some of its more well known competitors. I am able to send secure documents directly to me clients emails and via in real time when they are viewing and making alterations to a document."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/31/images/_pages/functionality/icons/photo-jiovany@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Jiovany A</b><br>Small-Business</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">I can create refillable copies for the templates that I select and then I can publish those.</div> <div class="user-review__message">"I like to work and organize my work in the appropriate way to meet and even exceed the demands that are made daily in the office, so I enjoy working with PDF files, I think they are more professional and versatile, they allow..."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/31/images/_pages/functionality/icons/photo-victoria@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Victoria G</b><br>Small-Business</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">be ready to get more</div> <h4 class="section-title">Edit and sign PDF <span class="section-title__accent">for free</span></h4> <a class="button" href="https://dochub.com/sign-up" data-metric-ab-tower="dh_lp_sign_up_buttons_in_lp" >Get started now</a> </div> </section> <section class="page-section page-section--related-searches"> <div class="page-section__inner"> <h3 class="section-title">Related Searches</h3> <div class="tags-group"> <span class="tag">details open html</span> <span class="tag">html details tag alternative</span> <span class="tag">html summary</span> <span class="tag">html w3schools</span> <span class="tag">html tags</span> <span class="tag">html summary> tag</span> <span class="tag">what is html used for</span> <span class="tag">html tags list</span> </div> </div> </section> <img src="https://www.pdffiller.com/funnel.php?source=functionality_dochub" alt=""/> <div class="page__footer"> <section class="page-section page-section--functions-menus"> <div class="page-section__inner"> <h2 class="section-title">Try more PDF tools</h2> <div class="functions-menus"> <div class="functions-menus__column"> <div class="functions-menu-title">Edit & Annotate</div> <div class="functions-menu"> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--edit-pdf" href="https://www.dochub.com/en/main-features/edit-and-annotate-pdfs">Edit PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--add-fields" href="https://www.dochub.com/en/main-features/add-fillable-fields">Add Fillable Fields</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--create-pdf" href="https://www.dochub.com/en/main-features/create-a-new-pdf-document">Create PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--insert-merge" href="https://www.dochub.com/en/main-features/insert-and-merge-pdf">Insert and Merge</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--page-numbers" href="https://www.dochub.com/en/main-features/number-and-label-pages-on-a-pdf">Add Page Numbers</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--rotate-pages" href="https://www.dochub.com/en/main-features/rotate-pages-in-a-pdf">Rotate Pages</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--delete-pages" href="https://www.dochub.com/en/main-features/delete-pages-from-a-pdf">Delete Pages</a></div> </div> </div> <div class="functions-menus__column"> <div class="functions-menu-title">Convert</div> <div class="functions-menu"> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--word-to-pdf" href="https://www.dochub.com/en/main-features/convert-word-to-pdf">Word to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--txt-to-pdf" href="https://www.dochub.com/en/main-features/convert-txt-to-pdf">TXT to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--html-to-pdf" href="https://www.dochub.com/en/main-features/convert-html-to-pdf">HTML to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--csv-to-pdf" href="https://www.dochub.com/en/main-features/convert-csv-to-pdf">CSV to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--ppt-to-pdf" href="https://www.dochub.com/en/main-features/convert-ppt-to-pdf">PPT to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--rtf-to-pdf" href="https://www.dochub.com/en/main-features/convert-rtf-to-pdf">RTF to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--jpg-to-pdf" href="https://www.dochub.com/en/main-features/convert-jpgjpeg-to-pdf">JPG/JPEG to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--png-to-pdf" href="https://www.dochub.com/en/main-features/convert-png-to-pdf">PNG to PDF</a></div> </div> </div> <div class="functions-menus__column"> <div class="functions-menu-title">Collaborate & Share</div> <div class="functions-menu"> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--add-comments" href="https://www.dochub.com/en/main-features/add-comments-on-a-pdf">Add Comments</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--share-link" href="https://www.dochub.com/en/main-features/send-pdf-via-shareable-link">Share via Link</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--share-email" href="https://www.dochub.com/en/main-features/send-pdf-as-attachment">Share via Email</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--fax" href="https://www.dochub.com/en/main-features/send-pdf-via-fax">Fax</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--pdf-status" href="https://www.dochub.com/en/main-features/track-pdf-document-status">PDF Status</a></div> </div> </div> <div class="functions-menus__column"> <div class="functions-menu-title">Sign & Send</div> <div class="functions-menu"> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--sign-pdf" href="https://www.dochub.com/en/main-features/sign-a-document">Sign a PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--send-for-sign" href="https://www.dochub.com/en/main-features/send-out-documents-to-be-signed">Send for Signing</a></div> </div> </div> <div class="functions-menus__column"> <div class="functions-menu-title">Protect PDF</div> <div class="functions-menu"> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--protect-pdf" href="https://www.dochub.com/en/main-features/password-protect-document">Set PDF password</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--readable-pdf" href="https://www.dochub.com/en/main-features/readable-document">Readable PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--certify-pdf" href="https://www.dochub.com/en/main-features/certify-document">Certify PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--pdf-audit" href="https://www.dochub.com/en/main-features/document-audit">PDF Audit Trail</a></div> </div> </div> <div class="functions-menus__column"> <div class="functions-menu-title">Others</div> <div class="functions-menu"> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--search-pdf" href="https://www.dochub.com/en/main-features/search-for-documents">Search for PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--export" href="https://www.dochub.com/en/main-features/export-pdf">Export</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--download-pdf" href="https://www.dochub.com/en/main-features/download-pdf">Download</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--flatten-fields" href="https://www.dochub.com/en/main-features/flatten-fields-on-a-pdf">Flatten Fields</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--print" href="https://www.dochub.com/en/main-features/print-out-pdf">Print out</a></div> </div> </div> </div> <div class="section-decoration-shadow-1"></div> <div class="section-decoration-shadow-2"></div> <div class="section-decoration-shadow-3"></div> </div> </section> <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/31/images/logos/dochub-reverse.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" target="_blank"> <img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/31/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" target="_blank"> <img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/31/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="120" height="40" loading="lazy"> </a> </div> <div class="copyright-caption">© 2024 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" 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/en/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://dochub.com/site/about">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" 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" target="_blank" href="https://www.pdffiller.com/">pdfFiller</a></div> <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.uslegalforms.com/">US Legal Forms</a></div> <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.signnow.com/">Electronic Signature</a></div> <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.airslate.com ">No-code document workflows</a></div> <div class="footer-menu__item"><a class="footer-menu__link" 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 v5.1.1 Released! Many updates and improvements!</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" 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" target="_blank"> <img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/31/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" target="_blank"> <img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/31/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="120" 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/31/images/logos/dochub-reverse.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div> <div class="copyright-caption">© 2024 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" target="_blank">Privacy Notice</a>. You can modify your selections by visiting our <a href="https://dochub.com/site/cookies" title="Cookie Advertising Notice" 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 src="https://cdn.mrkhub.com/dochub-frontend/31/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/webpack/Uploader.js"></script> <script> window.user = { 'internalEmail' : '', 'isLogged' : false, 'isPaid' : false, 'email' : '', }; window.allConstants.UPLOADER_DOCHUB_UPLOAD_DZ_BUTTON_TEXT = 'Select a document'; 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', { 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': '57f8d7f637.1715181277' }) }) .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.sendMetric({ abTower: 'dh_pdffiler_editor_before_redirect', dataDog: 'dh_pdffiler_editor_before_redirect', }, 'https://www.dochub.com/api/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': '57f8d7f637.1715181277' }; 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'); } 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, callbacks: { end: openEditor, request: runTemplateSuggestion }, hooks: { data: { modalOpen: [getUserEmail, isUserLogged, isUserPaid] }, actions: { startUploading: [sendAbTestEvent] }, 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/31/stylesheets/functionality-page.css" rel="stylesheet"> </body> </html> <script>(function(){if (!document.body) return;var js = "window['__CF$cv$params']={r:'880a668a1cc522e5',t:'MTcxNTE4MTI3OC4xMTIwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script>