Pagina offline con Codemirror con 4 quadri come jsfiddle (o codepen)

[David7]

Ciao a tutti!
ho installato codemirror e ora volevo fare una pagina html in locale, funzionante anche senza internet, che assomigliasse a quella di https://jsfiddle.net/ (o https://codepen.io/pen/) con 4 schermi, dark mode per facilità di lettura, (HTML5, CSS3, linguaggio script, Result): qualcuno lo ha già fatto / creato oppure mi leggo https://codemirror.net/examples/bundle/ e la documentazione giocando con i CSS e iframe?
C'è anche direttamente su Zeal anche se non con tutti i quadri.

Avevo anche visto un altro, online che ora mi sfugge il nome, che aveva anche il quadro con la console e si poteva ridimensionare e tanto altro. Certo si potrebbe fare anche da browser ma avere tutto in una stessa pagina offline non sarebbe male.

Grazie

[marcomg]

In che senso anche da browser? Comunque mi dispiace, non lo ho mai utilizzato.

[David7]

In che senso anche da browser? Comunque mi dispiace, non lo ho mai utilizzato.

Nel senso che si può usare il browser con gli strumenti di sviluppo dove cè la console, la possibilità di cambiare il codice, il debugger etc.
Pazienza marcomg, spero che qualcuno mi faccia risparmiare la lettura, ostica alle volte, della documentazione. Ma tu non hai mai usato codemirror o nessun tipo di "Try my code" offline?
Il pacchetto debian è comunque libjs-codemirror

[marcomg]

No, mai utilizzato. La cosa più simile (e in realtà non c’entra una mazza) utilizzata è SPOJ (che in realtà permette ad altri di inviare codice e testarlo con dei test che scrivi e ne valuti le performance).

Quale era il tuo fine ultimo? Cosa stai cercando di realizzare?

[David7]

No, mai utilizzato. La cosa più simile (e in realtà non c’entra una mazza) utilizzata è SPOJ (che in realtà permette ad altri di inviare codice e testarlo con dei test che scrivi e ne valuti le performance).

Quale era il tuo fine ultimo? Cosa stai cercando di realizzare?

Sphere Online Judge mi sembra infatti uno scambio di codice.
Comunque Io vorrei realizzare una pagina html SUL PC (locale senza necessità di internet) con 4 quadri nella stessa visualizzazione, 2 alto e 2 in basso (e magari un pié di pagina con la console) dove mi trovo in uno
1) HTML5
2) CSS3
3) script (esempio Javascript ma non solo)
4) output cambiando i precedenti quadri
pie di pagina: la console

Serve per testare HTML5, CSS3, e script offline (contemporaneamente)

Se provi a vedere https://jsfiddle.net/ vedi cosa vorrei ma in locale. la libreria codemirror può fare questo ma tocca configurarlo bene per fare 4 riquadri + pie di pagina con la console

[David7]

Allora, giocando con CSS mi sono fatto con <div> i mie bravi 4 riquadri (esempio HTML5, CSS3, Javascript, Output) ma il 4°, dei risultati, non riesco a farlo senza un <iframe> tag che personalmente non mi garba di molto. Quindi diciamo che quello che mi manca è fare in modo che il risultato di ciò che metto nei 3 riquadri esca sul 4° <div id="risultato"> e non su un <iframe> dentro a quel div. Ma non so se è possibile. Avere anche un footer con l'output del console.log non ci ho ancora studiato ma se riesco ve lo dico.