Einbinden der Online-IDE ohne IFrame-Tag (für Versionen 1.x)

Sie finden alle benötigten Dateien im Github-Repository.

Im <head>-Element der HTML-Seite werden die Online-IDE sowie die von ihr benutzten Bibliotheken mittels <script>-Tags geladen:

    <head>
       <link rel="preload" href="lib/monaco-editor/dev/vs/editor/editor.main.js" as="script">
       <link rel="preload" href="lib/monaco-editor/dev/vs/editor/editor.main.nls.de.js" as="script">
 
       <script src="lib/pixijs/pixi.js"></script>
       <link rel='stylesheet' type='text/css' media='screen' href='js.webpack/javaOnlineEmbedded.css'>
       <script src="lib/jquery/jquery-3.3.1.js"></script>
       <script src="lib/markdownit/markdownit.min.js"></script>
       <script src="lib/monaco-editor/dev/vs/loader.js"></script>
       <script src="js/runtimelibrary/graphics/SpriteLibrary.js"></script>
       <script src="lib/howler/howler.core.min.js"></script>
 
       <script type="module" src="js.webpack/javaOnline-embedded.js"></script>    
    </head>

Die Datei Spritelibrary.js im Git-Repository etwas versteckt. Sie finden sie unter src/client/runtimelibrary/graphics/Spritelibrary.js.