> Portal Navigation: > > - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version. > - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages). > - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`). > - Top-level index of all portals: https://dev.wix.com/docs/llms.txt > - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt ## Resource: Working with the HTML iframe Element ## Article: Working with the HTML iframe Element ## Article Link: https://dev.wix.com/docs/develop-websites/articles/wix-editor-elements/other-elements/html-i-frame-element/working-with-the-html-iframe-element.md ## Article Content: # About HTML iFrame Elements HTML iframe elements allow you to embed raw HTML or another website within your page. In general, you don't have access to the HTML and full code of your site's pages. This can be limiting when you want to add 3rd-party code to your site. Using an HTML element you can sometimes overcome these limitations by embedding raw HTML to your page. ## Supported IDEs You can embed HTML iframe elements in the [editor](https://dev.wix.com/docs/develop-websites/articles/workspace-tools/velo-workspace/workspaces/wix-studio-working-with-the-code-panel.md) (Wix Studio and Wix Editor). You can view and access any HTML iframe elements created in the editor when using other IDEs, such as the Local IDE. The IDEs synchronize with the editor to ensure consistency. You can also add more detailed code using: - The [Wix IDE](https://dev.wix.com/docs/develop-websites/articles/workspace-tools/velo-workspace/wix-ide/wix-studio-about-the-wix-ide.md) (Wix Studio). - Your [local IDE](https://dev.wix.com/docs/develop-websites/articles/workspace-tools/developer-tools/git-integration-wix-cli/about-git-integration-wix-cli.md) (Wix Studio and Wix Editor). ## How HTML iFrame Elements Work The HTML element creates a sandboxed environment (an iframe) that does not have direct access to the other elements on your page. This means that widgets or libraries that need access to the rest of your page will not work in an HTML element. You can, however, pass data between your page code and the code in an HTML element so you can use it in all sorts of situations to do things you can't normally do directly. You can see a working [example site](https://www.wix.com/velo-examples/hello-html-comp) of an HTML element that passes data to and from the page. Open the [Hello HTML Component template](https://manage.wix.com/edit-template/from?originTemplateId=d39789d7-13ee-4208-8467-8a939cd8ed8c&templateId=cfd24f07-e15f-4091-b110-2b8b889fa1e3&autoDevMode=true) in the editor to work with site's code. To learn more about using HTML elements, see [Embedding a Site or a Widget](https://support.wix.com/en/article/wix-editor-embedding-a-site-or-a-widget). ## What You Can Embed You can embed the following elements using an HTML element: - [Sites](https://dev.wix.com/docs/develop-websites/articles/wix-editor-elements/other-elements/html-i-frame-element/embedding-a-site-in-an-html-i-frame-element.md): Display an external site page within an element on your page. - [Code](https://dev.wix.com/docs/develop-websites/articles/wix-editor-elements/other-elements/html-i-frame-element/embedding-a-code-widget-in-an-html-i-frame-element.md): Embed your own HTML code, or functionality from an external provider, for example a badge, a newsletter signup form, or a YouTube video. For an example of how to create a widget within an HTML iframe component, see [Creating a Rich Text Editor Using the HTML Component](https://dev.wix.com/docs/develop-websites/articles/code-tutorials/wix-editor-elements/creating-a-rich-text-editor-using-the-html-component.md). ## Using a JavaScript Library There are many JavaScript libraries that you can use in an HTML element. The library you add will only be able to interact with the elements inside your HTML element. To interact with the library from your page code or to interact with your page elements from the library, you need to use the messaging model described in [Messaging Between a Site Page and an HTML Element](https://dev.wix.com/docs/velo/velo-only-apis/$w/html-component/messaging-between-a-site-page-and-an-html-element.md). You can see a working [example site](https://www.wix.com/code-examples/v2-embed-chart) of an HTML element that uses the [Chart.js](http://www.chartjs.org/) library to create a chart. Open the [Custom Chart template](https://manage.wix.com/edit-template/from?originTemplateId=775c65bf-60ee-49aa-97dd-a171e369e3b1&templateId=b4662007-17e0-4fca-a4e6-2b774b16871a&autoDevMode=true) in the editor to work with site's code. ## See Also - [Embedding a Site in an HTML iFrame Element](https://dev.wix.com/docs/develop-websites/articles/wix-editor-elements/other-elements/html-i-frame-element/embedding-a-site-in-an-html-i-frame-element.md) - [Embedding a Code Widget in an HTML iFrame Element](https://dev.wix.com/docs/develop-websites/articles/wix-editor-elements/other-elements/html-i-frame-element/embedding-a-code-widget-in-an-html-i-frame-element.md) - [Tutorial: Creating a Rich Text Editor Using the HTML Component](https://dev.wix.com/docs/develop-websites/articles/code-tutorials/wix-editor-elements/creating-a-rich-text-editor-using-the-html-component.md)