Share your repls and programming experiences

← Back to all posts
Re:Offline the Python, HTML/CSS/JS Offline Editor
h
AdCharity (1314)

Why

Unfortunately, my school blocks pretty much everything, including the text editor app. I found that pretty sad - now I can't even code on my computer locally >:( As such, I created Re:Offline (I changed the name from Re:HTML when I found python support), which is basically an html, css, js and python editor that you can download and use freely.

Features

  1. local storage saving,
  2. file downloading (it will default to the .html file extentsion, but you can easily change that),
  3. tabs (which are usually not supported on text areas),
  4. an iframe/window preview, and even
  5. FILE UPLOADING.
  6. python support
  7. syntax highlighting/numbers lines

Coming

  1. file structure...
  2. auto complete

Dependencies

  1. Skulpt
  2. CodeMirror
    Made with repl.it obviously
Commentshotnewtop
AdCharity (1314)

@Rileygamer21, @PDanielY, @PowerCoder I have tried to implement your suggestions! I will be adding pygame, a file system of sorts, autofill (with js hint), and a better console.
New Features:
1. Syntax highlighing
2. Improved file upload
3. Runs python with turtle graphics
4. Jacked up js console (working on making it take inputs/work with html "edits")

Python Example

Jacked up console (adding to html later, only works for .js files as of time of writing)

PDanielY (1091)

@AdCharity hmm codemirror. I wonder how it works.

AdCharity (1314)

@PDanielY I'm thinking about switching to ace... I believe code mirror scans the current text and mirrors it some where else with the appropriate styling. The effect is the user spends time on a fake text area but what's actually being displayed is a javascript edited one with syntax highlighing/styles.

AdCharity (1314)

@PDanielY actually monaco looks better. I'll do that - I think that's what repl uses too

AdCharity (1314)

@NathanWoo thanks but I'm really not that great

Rileygamer21 (35)

Tysm now I finally have something to do when my chromebook goes offline :D. Do you think you'll ever be able to make it work with python or pygame?

AdCharity (1314)

@Rileygamer21 also I re wrote the game quite a bit... I think it could be made better, but it's not bad right now. Nevermind... it seems that my collision in phaser is kind of crap (but I think you could fix that :D)

Rileygamer21 (35)

@AdCharity I mean the game is in more of a beta mode I guess. But I'm not very good with javascript/html I'm alot better at python/pygame.

ikerf164 (3)

Hey, I was told that you could help me with my javascript problems.. The problem is that I cant make shapes. I put in this ellipse(56, 46, 55, 55); but all the code editors I use say that ellipse isn't defined. do you know how to define ellipse or rect? and if you could tell me how to color it in that would help a lot. Thanks! :) @AdCharity (559)

AdCharity (1314)

@ikerf164 yeah I'll invite you to a repl look at your notifications

AdCharity (1314)

@ikerf164 join this https://repl.it/@AdCharity/Processing repl doesn't support pde file syntax highlighting, but that's how you add color and whatnot

ikerf164 (3)

yeah but can you give me an example of a simple [email protected]harity

ikerf164 (3)

can you give me an example of a simple [email protected]

AdCharity (1314)

@ikerf164 you're freakn killing me. DEBES LEER POR FAVOR

MrEconomical (2223)

very nice!
EEEEEEEEEEEE

AdCharity (1314)

@MrEconomical e (I'm working on an update soon)

SixBeeps (2986)

Run and preview code in iframe

;)

[deleted]

add image support

[deleted]

@AdCharity oh, nevermind. Also, running in Iframe only works once for some reason

AdCharity (1314)

@TaylorLiang hmm I will be working on a file structure that drasticall improves performance so I'll check it out

PDanielY (1091)

Which text editor app?

PDanielY (1091)

@AdCharity Feature request: Custom javascript console

PDanielY (1091)

@AdCharity If you do find a way please tell me.

AdCharity (1314)

@PDanielY the dumbest and probably easiest way is eval() but let's not go there

PowerCoder (617)

I suggest you number the lines.