如何为其他人提供代码以将您的内容嵌入到他们的HTML页面中？

Question

Maybe the answer to this question is less complicated than I am making it...

I have a Zend Framework PHP web application. I am going to create a simple API that will output a report for the user's account. The content will be as simple as this:

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
</ul>

I want to offer a code snippet that the user can use to embed the report on their own site.

I'm thinking this can be done with an iFrame, but I've never done this before so I don't know the best way to do this.

Update: If possible, I would also like to offer the ability for the user to style the content. Is that possible with an iFrame? I want the embedded content to look as much like the rest of the page as possible.

Answer 1

At its very simplest:

Create a .js file with:

document.write("<ul>");
document.write("  <li>Item 1</li>");
document.write("  <li>Item 2</li>");
document.write("</ul>");

Your users would then include this code wherever they wanted your embedded code to appear:

<script type="text/javascript" src="http://example.com/path/to/file.js"></script>

This approach allows them to style content. They wouldn't be able to style an IFRAME, but some sites providing IFRAMEable widgets solve this by allowing the user to pick colours, background images, etc. on a setup page.