how to add to your project: https://www.robosoft.de/MinIDE/AjaxDemo.htm
standalone demo: https://www.robosoft.de/MinIDE/test.htm
- Simply copy the MinIDE folder into your project
- your index.htm should look like
<html>
<head>
<title>MinIDE - the minimal IDE :-)</title>
<meta charset="utf-8"/>
</head>
<body>
<div id="IDE" style="width:90vw;height:80vh;border:1px solid grey;"></div>
<script src="MinIDE/MinIDE.js"></script>
<script>
var oIDE = new MinIDE("IDE");
</script>
<a href="javascript:alert(oIDE.GetValue());">Compile</a>
</body>
</html>
-
the width and height of the container must be specified in absolute browser width/height percentage vw/vh :-(
-
the root folder, white list, etc. can be set in MinIDE/config.php