Difference between revisions of "Reference:Material Embedding (Iframe)"

Latest revision as of 11:11, 9 June 2020

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

@@ Line 1: / Line 1: @@
-__TOC__
+{{Reference}}
-=Embed as iframe=
+This article  describes how to easily embed GeoGebra materials in your website.
-You can automatically get the iframe code by clicking on the "Embed" button on the material page. Here is an example:
+{{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>
 <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/at/preferhtml5"
+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;">
+style="border:0px;" allowfullscreen>
 </iframe>
 </pre>
-The language of the GeoGebra user interface (toolbar, menu, ...) is set to the browser language by default. If you want to use a different language you can add the parameter ''?ggbLang=<lang_code>'' at the end of the URL, eg <code>?ggbLang=fr</code>, <code>?ggbLang=zh_CN</code>, <code>?ggbLang=zh_TW</code>
+The language of the GeoGebra user interface (toolbar, menu, ...) is set to the browser's language.
-{{Example|1=<code><nowiki>https://www.geogebra.org/material/iframe/id/23587/width/1600/height/715/border/888888/rc/false/ai/false/sdz/false/smb/true/stb/true/stbh/true/ld/false/sri/false/at/preferhtml5?ggbLang=fr</nowiki></code>}}
 {| class="wikitable"
 |-
 ! Description !! Code !! Example
-|-
-| Force HTML5 on newer browsers || at || /at/preferhtml5
 |-
 | Enable Right Click, Zooming and Keyboard Editing || rc || /rc/true
@@ Line 36: / Line 34: @@
 | Show reset icon (top-right) || sri || /sri/true
 |-
-| Set user interface language (Note the different parameter format) || ggbLang ||?ggbLang=en
+| 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
 |}

Difference between revisions of "Reference:Material Embedding (Iframe)"

Latest revision as of 11:11, 9 June 2020

GeoGebra API Documentation