What are the examples of void elements?
A void element is an element whose content model never allows it to have contents under any circumstances. Void elements can have attributes. The following is a complete list of the void elements in HTML : area , base , br , col , command , embed , hr , img , input , keygen , link , meta , param , source , track , wbr.
What are void tags give an example?
A void element is an element whose content model never allows it to have contents under any circumstances. Void elements can have attributes. The following is a complete list of the void elements in HTML : area , base , br , col , command , embed , hr , img , input , keygen , link , meta , param , source , track , wbr.
What are the types of tags give examples?
Basic HTML Tags Head Tag. The head tag contains all the elements describing the document. Title Tag. The title tag
specifies the HTML page title, which is shown in the browser's title bar. Body Tag. The body tag <body> is where you insert your web page's content. Paragraph Tag. ... Heading Tag.</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>
Is a tag an empty element?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-5-content">In other words, the tags that do not contain any closing tags are empty tags. Empty tags contain only the opening tag but they perform some action in the webpage. An element that does not have an enclosing tag is called an empty element.</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>
How does a void element affect a website?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-6-content">Void elements doesn't have ending tags and can only have attributes but do not contain any kind of content....Characteristics: Void elements do not have end tags. Void elements cannot have content inside it. Void elements have attributes. Void elements cannot be nested.</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>
What are empty tags give one example?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-7-content">For example, the tag for a line break is <br />....Empty (Non-Container) Tags. TagDescription<br />Line break.<img src ="image location" alt="alternate text" />Inserts an image into a web page.</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>
What do you understand by void element Singleton tag?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-8-content">What Is a Void Element? The void elements or singleton tags in HTML don't require a closing tag to be valid. These elements are usually ones that either stand alone on the page or where the end of their contents is obvious from the context of the page itself.</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>
What is a singleton tag?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-9-content">Singleton tags or empty tags do not contain any content such as an image or a paragraph and hence do not need to be closed, whereas container tags should be closed.</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>
Which element is a tag?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-10-content">The <a> tag defines a hyperlink, which is used to link from one page to another. The most important attribute of the <a> element is the href attribute, which indicates the link's destination. By default, links will appear as follows in all browsers: An unvisited link is underlined and blue.</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/155/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/155/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/155/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"
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"
>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" data-qa-tag="tag-link-1">void tag in html</span>
<span class="tag" data-qa-tag="tag-link-2">void tags example</span>
<span class="tag" data-qa-tag="tag-link-3">html void elements list</span>
<span class="tag" data-qa-tag="tag-link-4">void elements in html w3schools</span>
<span class="tag" data-qa-tag="tag-link-5">is button a void element in html</span>
<span class="tag" data-qa-tag="tag-link-6">which of the following is not a html void element</span>
<span class="tag" data-qa-tag="tag-link-7">what is void element</span>
<span class="tag" data-qa-tag="tag-link-8">which of the following is not a html void element? button paragraph heading image</span>
</div>
</div>
</section>
<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/155/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/155/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/155/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/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://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" href="https://dochub.com/site/patents">Patents</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/155/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/155/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/155/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 = 'en';
</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/155/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 = 'Select a document';
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=en', {
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': '4bda916929.1747778669'
})
})
.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': '4bda916929.1747778669'
};
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: 'en',
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/155/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:'942f21769b99fad4',t:'MTc0Nzc3ODY3Ni4wMDAwMDA='};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> 
