Dies ist eine alte Version des Dokuments!
Inhaltsverzeichnis
Integration in Dokuwiki
Die Seite www.learnj.de, auf der Sie sich gerade befinden, basiert auf der freien Software Dokuwiki. Um darin die schwarzen "Programmierkästen" der Online-IDE zu integrieren, sind folgende Schritte notwendig.
Ablegen der Dateien der Online-IDE
Fügen Sie auf oberster Ebene der Dokuwiki-Installation einen Ordner javaonline ein und kopieren Sie dorthinein alle Ordner (die Dateien auf der obersten Ebene werden nicht gebraucht), die sich im htdocs-Ordner der Online-IDE befinden.
Der Hauptordner der Dokuwiki-Installation sieht also so aus:
Im Unterordner javaonline sollten sich also folgende Ordner des Online-IDE-Projekts befinden:
Anpassung des Template
Damit die Skripte der Online-IDE bei jedem Seitenaufruf geladen werden muss das Template angepasst werden. Im Standardtemplate "dokuwiki" passen Sie bitte die Datei /lib/tpl/dokuwiki/main.php folgendermaßen an:
1. Fügen Sie am Ende des <head>-tags folgendes ein:
<!-- /* Java-Online-imports */ --> <link rel="preload" href="javaonline/lib/monaco-editor/dev/vs/editor/editor.main.js" as="script"> <link rel="preload" href="javaonline/lib/monaco-editor/dev/vs/editor/editor.main.nls.de.js" as="script"> <link rel='stylesheet' type='text/css' media='screen' href='javaonline/js.webpack/javaOnlineEmbedded.css'> <script src="javaonline/lib/p5.js/p5.js"></script> <script src="javaonline/lib/markdownit/markdownit.min.js"></script> <script src="javaonline/js/runtimelibrary/graphics/SpriteLibrary.js"></script> <script src="javaonline/lib/howler/howler.core.min.js"></script> <script src="javaonline/lib/pixijs/pixi.min.js"></script> <script>window.javaOnlineDir="javaonline/"</script> <script> window.onload = function(){ jQuery.getScript('javaonline/lib/monaco-editor/dev/vs/loader.js', function() { var head = document.getElementsByTagName("head")[0]; var script = document.createElement("script"); script.src = 'javaonline/js.webpack/javaOnline-embedded.js'; head.appendChild(script); }); }; </script>