Difference between revisions of "Reference:Material Embedding (Iframe)"
From GeoGebra Manual
(Created page with "__TOC__ =Embed as iframe= You can automatically get the iframe code by clicking on the "Embed" button on the material page. Here is an example: <pre> <iframe scrolling="no" s...") |
(remove ggbLang) |
||
(16 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
− | + | {{Reference}} | |
− | + | This article describes how to easily embed GeoGebra materials in your website. | |
− | + | {{Note|In case you need extra customization, JavaScript API or offline support, please see [[Reference:Math Apps Embedding|Math Apps Embedding]].}} | |
+ | To get the iframe code for a material, open the material, click the [[Image:Menu-file-share.svg|16px]] Share icon and then select Embed. You will get a code similar to this: | ||
<pre> | <pre> | ||
<iframe scrolling="no" | <iframe scrolling="no" | ||
− | src="https://www.geogebra.org/material/iframe/id/23587/width/1600/height/715/border/888888/rc/false/ai/false/sdz/false/smb/false/stb/false/stbh/true/ld/false/sri/false | + | src="https://www.geogebra.org/material/iframe/id/23587/width/1600/height/715/border/888888/rc/false/ai/false/sdz/false/smb/false/stb/false/stbh/true/ld/false/sri/false" |
width="1600px" | width="1600px" | ||
height="715px" | height="715px" | ||
− | style="border:0px;"> | + | style="border:0px;" allowfullscreen> |
</iframe> | </iframe> | ||
</pre> | </pre> | ||
− | The language of the GeoGebra user interface (toolbar, menu, ...) is set to the browser language | + | The language of the GeoGebra user interface (toolbar, menu, ...) is set to the browser's language. |
− | |||
{| class="wikitable" | {| class="wikitable" | ||
|- | |- | ||
! Description !! Code !! Example | ! Description !! Code !! Example | ||
− | |||
− | |||
|- | |- | ||
| Enable Right Click, Zooming and Keyboard Editing || rc || /rc/true | | Enable Right Click, Zooming and Keyboard Editing || rc || /rc/true | ||
Line 36: | Line 34: | ||
| Show reset icon (top-right) || sri || /sri/true | | Show reset icon (top-right) || sri || /sri/true | ||
|- | |- | ||
− | | | + | | Show play button that starts the construction || ctl || /ctl/true |
+ | |- | ||
+ | | Show full-screen button. Make sure you also add '''allowfullscreen''' to the iframe tag || sfsb || /sfsb/true | ||
+ | |- | ||
+ | | Show zoom buttons || szb || /szb/true | ||
|} | |} |
Latest revision as of 11:11, 9 June 2020
GeoGebra API Documentation
This article describes how to easily embed GeoGebra materials in your website.
Note: In case you need extra customization, JavaScript API or offline support, please see Math Apps Embedding.
To get the iframe code for a material, open the material, click the Share icon and then select Embed. You will get a code similar to this:
<iframe scrolling="no" src="https://www.geogebra.org/material/iframe/id/23587/width/1600/height/715/border/888888/rc/false/ai/false/sdz/false/smb/false/stb/false/stbh/true/ld/false/sri/false" width="1600px" height="715px" style="border:0px;" allowfullscreen> </iframe>
The language of the GeoGebra user interface (toolbar, menu, ...) is set to the browser's language.
Description | Code | Example |
---|---|---|
Enable Right Click, Zooming and Keyboard Editing | rc | /rc/true |
Show Input Bar | ai | /ai/true |
Enable Shift-Drag & Zoom | sdz | /sdz/true |
Show Menu Bar | smb | /smb/true |
Show Toolbar | stb | /stb/true |
Show Toolbar Help | stbh | /stbh/true |
Allow label dragging | ld | /ld/true |
Show reset icon (top-right) | sri | /sri/true |
Show play button that starts the construction | ctl | /ctl/true |
Show full-screen button. Make sure you also add allowfullscreen to the iframe tag | sfsb | /sfsb/true |
Show zoom buttons | szb | /szb/true |