Hi am trying to create in browser code editor for free knowledge sharing for high school students from basic level. after long struggle with search i got this link. i just did some setup and changes as per guidance available in that link.
var express = require('express');
var path = require('path');
var app = express();
var bodyParser = require('body-parser');
//app.use(bodyParser.urlencoded());
app.use(bodyParser.urlencoded({
extended: true
}));
//compileX
var compiler = require('compilex');
var option = {stats : true};
compiler.init(option);
app.get('/' , function (req , res ) {
res.sendfile( __dirname + "/index.html");
});
//app.post('/compilecode' , function (req , res ) {
app.post('/' , function (req , res ) {
var code = req.body.code;
var input = req.body.input;
var inputRadio = req.body.inputRadio;
var lang = req.body.lang;
if((lang === "C") || (lang === "C++"))
{
if(inputRadio === "true")
{
var envData = { OS : "windows" , cmd : "g++"};
compiler.compileCPPWithInput(envData , code ,input , function (data) {
if(data.error)
{
res.send(data.error);
}
else
{
res.send(data.output);
}
});
}
else
{
var envData = { OS : "windows" , cmd : "g++"};
compiler.compileCPP(envData , code , function (data) {
if(data.error)
{
res.send(data.error);
}
else
{
res.send(data.output);
}
});
}
}
if(lang === "Java")
{
if(inputRadio === "true")
{
var envData = { OS : "windows" };
console.log(code);
compiler.compileJavaWithInput( envData , code , function(data){
res.send(data);
});
}
else
{
var envData = { OS : "windows" };
console.log(code);
compiler.compileJavaWithInput( envData , code , input , function(data){
res.send(data);
});
}
}
if( lang === "Python")
{
if(inputRadio === "true")
{
var envData = { OS : "windows"};
compiler.compilePythonWithInput(envData , code , input , function(data){
res.send(data);
});
}
else
{
var envData = { OS : "windows"};
compiler.compilePython(envData , code , function(data){
res.send(data);
});
}
}
if( lang === "CS")
{
if(inputRadio === "true")
{
var envData = { OS : "windows"};
compiler.compileCSWithInput(envData , code , input , function(data){
res.send(data);
});
}
else
{
var envData = { OS : "windows"};
compiler.compileCS(envData , code , function(data){
res.send(data);
});
}
}
if( lang === "VB")
{
if(inputRadio === "true")
{
var envData = { OS : "windows"};
compiler.compileVBWithInput(envData , code , input , function(data){
res.send(data);
});
}
else
{
var envData = { OS : "windows"};
compiler.compileVB(envData , code , function(data){
res.send(data);
});
}
}
});
app.get('/fullStat' , function(req , res ){
compiler.fullStat(function(data){
res.send(data);
});
});
app.listen(8080);<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<html>
<head>
<title>Compilex</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/PreloadJS/0.6.0/preloadjs.min.js"></script>
</head>
<body>
<center>
<form id="myform" name="myform" method="post" action="/">
<h3>Your Code</h3>
<textarea rows="13" cols="100" id="code" name="code" ></textarea>
<br/>
<div>
<input type="submit" value="submit" name="submit" />
</div>
<div>
<br/>
Language : <select name="lang">
<option value="C">C</option>
<option value="C++">C++</option>
<option value="Java">Java</option>
<option value="Python">Python</option>
<option value="CS">C#</option>
<option value="VB">VB</option>
</select>
Compile With Input :
<input type="radio" name="inputRadio" id="inputRadio" value="true"/>yes
<input type="radio" name="inputRadio" id="inputRadio" value="false"/>No
</div>
<h3>Output</h3>
<textarea rows="10" cols="100" id="input" name="input" ></textarea>
<br />
</form>
</center>
</body>
</html>Requirement: 1. how to compile the input for Python (how to configure with this app) 2. how to show the output in second textarea.
(note: spend lots of time with codemirror, ace editor examples and demo but couldn't use it efficiently as am new to this platform)
helps much appreciated
Thank you
