Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- onlineide:integration:start [2024/08/31 10:03] – angelegt - Externe Bearbeitung 127.0.0.1
+++ onlineide:integration:start [2024/12/07 21:41] (aktuell) – [B. Ohne iframe-Tag] martin
@@ Zeile 17: / Zeile 17: @@
 ===== B. Ohne iframe-Tag =====
+[[.embedded-ide_1.0:start|Anleitung für die Versionen 1.x]] \\ \\
+Die folgende Dokumentation gilt ab Version 2.0:
+<WRAP center round info 80%>
+Alle Dateien, die Sie für Ihren Webserver benötigen, finden Sie [[https://embed1.learnj.de/online-IDE-embedded.zip|in diesem zip-Archiv]]. Die oberste Verzeichnisebene innerhalb des Archivs sieht so aus:
+{{ :onlineide:integration:pasted:20241207-205709.png }}
+Auf jeder Html-Seite, in der Sie die embedded-Version der Online-IDE nutzen möchten, müssen Sie im Header die Dateien ''online-ide-embedded.css'' und ''online-ide-embedded.js'' laden:
+<code html>
+<head>
+   <link rel='stylesheet' type='text/css' media='screen' href='./online-ide-embedded.css'>
+   <script type="module" crossorigin src="./online-ide-embedded.js"></script>
+</head>
+</code>
+Alle weiteren benötigten Dateien werden dann automatisch aus dem Verzeichnis ''assets'' nachgeladen. Das Verzeichnis ''js'' benötigen Sie nur dann, wenn Sie die Online-IDE auch mittels ''<iframe>''-tags einbinden möchten (s.o.). Ansonsten können Sie es einfach löschen.
-<WRAP center round tip 60%>
-Sie finden alle benötigten Dateien im [[https://github.com/martin-pabst/Online-IDE|Github-Repository]].
 </WRAP>
-Im ''<head>''-Element der HTML-Seite werden die Online-IDE sowie die von ihr benutzten Bibliotheken mittels ''<script>''-Tags geladen:
-<code html>
-    <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>
-</code>
-<WRAP center round tip 60%>
-Die Datei ''Spritelibrary.js'' im Git-Repository etwas versteckt. Sie finden sie unter ''src/client/runtimelibrary/graphics/Spritelibrary.js''.
-</WRAP>
@@ Zeile 192: / Zeile 183: @@
 </div>
 </HTML>
+====== Zugriff auf die Quelltexte von anderen Skripten aus ======
+Wird die Online-IDE **nicht** mittels ''<iframe>''-Tag eingebunden, so können andere Skripte auf der Webseite lesend auf die Java-Quelltexte zugreifen. Das entsprechende API dazu [[.onlineIDEFileAccess:start| ist hier dokumentiert.]]
 ====== Offline-Version ======