Embed GeoGebra in base64 code

[dmyuan62]

Description

Can you consider embedding GeoGebra into reveal.js in the form of base64 code? This is the most convenient and meaningful thing for teachers to teach.

https://geogebra.github.io/docs/reference/en/GeoGebra_Apps_Embedding/
Offline and Self-Hosted Solution
We suggest you to use the GeoGebra Apps from our global and super-fast server network www.geogebra.org as shown above, but in case you prefer to host and update the GeoGebra apps yourself, you can download our GeoGebra Math Apps Bundle The embed codes are almost the same as above, with two differences: the tag for including deployggb.js needs to be changed to

<script src="GeoGebra/deployggb.js"></script>

and you need to include the following line before the inject() call:

applet.setHTML5Codebase('GeoGebra/HTML5/5.0/web3d/');

Alternatively if you just need to fix to a specific version then you can still use the CDN like this (don’t change the 5.0. just the 498)

applet.setHTML5Codebase("https://www.geogebra.org/apps/5.0.498.0/web3d");

For technical reasons, you need to use 5.2 not 5.0 after version 804 eg

applet.setHTML5Codebase("https://www.geogebra.org/apps/5.2.804.0/web3d");

For example:

UEsDBBQACAg... There is a long string of characters behind it

<script src="../../ggbppt/geogebra/deployggb.js"> </script> <script type="text/javascript"> window.onload = function() { for(var i=0; i<10; i++){ var si = i.toString(); var ggbid = document.getElementById("ggb"+si); if(ggbid){ var para={ "width":ggbid.offsetWidth, "height":ggbid.offsetHeight, "enableRightClick":false, "enableShiftDragZoom":false, "enableLabelDrags":false, "borderColor":"white", "perspective":"G", "ggbBase64":ggbid.innerText }; var applet = new GGBApplet(para, '5.0'); applet.setHTML5Codebase('../../ggbppt/geogebra/5.0/web3d/'); applet.inject('ggb'+si); } } }; </script>

[dmyuan62]

<div id="ggb3" style="height:200px; width:600px; font-size:0">
UEsDBBQACAg... 后面还有老长老长老长的一串字符
</div>


<script src="../../ggbppt/geogebra/deployggb.js">
</script> 
<script type="text/javascript">  
window.onload = function() {
    for(var i=0; i<10; i++){
        var si = i.toString();
        var ggbid = document.getElementById("ggb"+si);
        if(ggbid){
            var para={
                "width":ggbid.offsetWidth, 
                "height":ggbid.offsetHeight,
                "enableRightClick":false, 
                "enableShiftDragZoom":false, 
                "enableLabelDrags":false, 
                "borderColor":"white", 
                "perspective":"G",
                "ggbBase64":ggbid.innerText
            };
            var applet = new GGBApplet(para, '5.0');
		    applet.setHTML5Codebase('../../ggbppt/geogebra/5.0/web3d/');
            applet.inject('ggb'+si);
        }
    }
}; 
</script>

[cscheid]

Thanks for the suggestion, but we're not going to do it. It's a relatively simple thing for you to do in your own documents and custom formats, and we don't believe there's enough of a user base for the feature to justify the maintenance burden.

[mcanouil]

See:

• https://quarto.org/docs/extensions/formats.html
• https://quarto.org/docs/output-formats/html-basics.html#includes