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

Revision as of 10:25, 14 December 2016

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;">
</iframe>

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 ?ggbLang=fr, ?ggbLang=zh_CN, ?ggbLang=zh_TW

Example:

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?ggbLang=fr

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
Set user interface language (Note the different parameter format)	ggbLang	?ggbLang=en

@@ Line 5: / Line 5: @@
 <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"
@@ Line 13: / Line 13: @@
 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>
-{{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>}}
+{{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?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

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

Revision as of 10:25, 14 December 2016

GeoGebra API Documentation