Home/ Questions/Q 6766445
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T14:49:54+00:00

I have developed a small component which can be put in to any website.

  • 0

I have developed a small component which can be put in to any website. Now, I want to develop a code that could demonstrate how would my component look like on any website.

So, the person would come to my page and put in his URL and then my code should embed my custom JS/CSS in to the downloaded HTML and display it. Something like this.

Here, like the feedback tab, I want to show my component any where on that page.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In the example you linked, they are requesting the page specified in the url querystring parameter on the server, and then doing more or less the following steps:

    1. In the <head> tag they are adding a <base href="url" /> tag to the document. The base tag will make any relative links in the document treat the value in the href attribute as their root. This is how they are getting around broken css / images. (The base tag is supported by all browsers)
    2. At the end of the document (IE the </body> tag) they are injecting the javascript that runs their demos.
    3. They serve the modified HTML requested to the browser.

    All of this is pretty straight forward in implementation. You could use regular expressions to match the <head> and </body> tags for steps 1 and 2 respectively. Depending on the server platform how you actually request the page will vary, but here are some links to get you started:

    • 0