# Web editor -- offline?

**URL:** <https://discourse.processing.org/t/web-editor-offline/12399>\
**Category:** p5.js\
**Created:** [June 30, 2019, 7:31am UTC](https://discourse.processing.org/t/web-editor-offline/12399 "2019-06-30T07:31:28Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![shedMusic](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/shedmusic/32/601_2.png) [@shedMusic](https://discourse.processing.org/u/shedMusic)\
**Post date:** [June 30, 2019, 7:31am UTC](https://discourse.processing.org/t/web-editor-offline/12399/1 "2019-06-30T07:31:28Z")

</div>

Just making the move to p5.js from the Processing IDE… and have also been using the now deprecated/old P5 editor.

I am wanting to code if possible without any internet access, so is it possible to have a local copy of the new web editor … or does it always require an internet connection?

Mark

---

<div class="post-metadata">

**Author:** ![InferNova](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/infernova/32/6009_2.png) [@InferNova](https://discourse.processing.org/u/InferNova)\
**Post date:** [June 30, 2019, 10:13am UTC](https://discourse.processing.org/t/web-editor-offline/12399/2 "2019-06-30T10:13:07Z")

</div>

Hey There!

Haven’t tried this but maybe give it a go by saving the web page on your PC. Maybe that will work ?

---

<div class="post-metadata">

**Author:** ![glv](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/glv/32/18785_2.png) [@glv](https://discourse.processing.org/u/glv)\
**Post date:** [June 30, 2019, 12:59pm UTC](https://discourse.processing.org/t/web-editor-offline/12399/3 "2019-06-30T12:59:42Z")

</div>

I have never used p5.js and just exploring for now…

[https://p5js.org/get-started/](https://p5js.org/get-started/)

I found this:

> **[P5.js Editors](https://happycoding.io/tutorials/p5js/editors)**
>
> Which P5.js editor should I use?

Observations  
The p5.min.js file version in Processing 3.53 IDE (installed p5.js mode) is /\*! p5.js v0.7.3 January 20, 2019 _/  
The p5.js file version from p5.js site is /_! p5.js v0.8.0 April 08, 2019 \*/

I just thought I would ask here…

How do I update the Processing IDE version to the latest?

🙂

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [June 30, 2019, 1:28pm UTC](https://discourse.processing.org/t/web-editor-offline/12399/4 "2019-06-30T13:28:10Z")

</div>

> [@glv](#):
>
> How do I update the Processing IDE version to the latest?

Just use an “index.html” template file which grabs the latest version: 💡

```auto
<!DOCTYPE html>

<meta charset=utf-8>
<meta name=viewport content=width=device-width,initial-scale=1>

<script defer src=https://Unpkg.com/p5></script>
<!--<script defer src=https://Unpkg.com/p5/lib/addons/p5.dom.min.js></script>-->
<!--<script defer src=https://Unpkg.com/p5/lib/addons/p5.sound.min.js></script>-->

<script defer src=sketch.js></script>

```

---

<div class="post-metadata">

**Author:** ![glv](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/glv/32/18785_2.png) [@glv](https://discourse.processing.org/u/glv)\
**Post date:** [June 30, 2019, 3:28pm UTC](https://discourse.processing.org/t/web-editor-offline/12399/5 "2019-06-30T15:28:40Z")

</div>

Thank you.

I also copied into “Documents\Processing\modes\p5jsMode\template\libraries”.

I will edit the default “index.html” as required.

JavaScript is on my to do list…

🙂

---

<div class="post-metadata">

**Author:** ![shedMusic](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/shedmusic/32/601_2.png) [@shedMusic](https://discourse.processing.org/u/shedMusic)\
**Post date:** [June 30, 2019, 4:18pm UTC](https://discourse.processing.org/t/web-editor-offline/12399/6 "2019-06-30T16:18:42Z")

</div>

So … do all these replies mean that using the Processing IDE in in JavaScript mode is equivalent to using p5.js online as long as index.html points to the latest p5 library?

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [June 30, 2019, 5:01pm UTC](https://discourse.processing.org/t/web-editor-offline/12399/7 "2019-06-30T17:01:38Z")

</div>

Most of the time, I just use a simple text editor like Notepad2 to write JS code and host them online at [OpenProcessing.org](http://OpenProcessing.org) or as a GitHub gist:

> [@Code 800A0404 issue](https://discourse.processing.org/t/code-800a0404-issue/2036/3):
>
> Easiest & fastest recipe to run “.js” sketches under p5.js: running_man Install any Firefox-based browser in your OS and use it to open your “index.html” file: fox_faceInstall Notepad2 or Notepad++ (or both) in your OS and use it to type in your “sketch.js” file there: scroll[https://XhmikosR.GitHub.io/notepad2-mod/](https://XhmikosR.GitHub.io/notepad2-mod/)[https://Notepad-Plus-Plus.org](https://Notepad-Plus-Plus.org) You can setup those text editors to use UTF-8 and LF line endings for better compatibility. bulbHere’s my minimum “index.html” te…

For more complex stuff, like writing TS or CS code, I use the Atom IDE and host them as a GitHub repo:

> **[Sunsetting Atom](https://github.blog/2022-06-08-sunsetting-atom/)**
>
> We are archiving Atom and all projects under the Atom organization for an official sunset on December 15, 2022.

> **[GitHub - GoSubRoutine/Ball-in-the-Chamber: JS Native Modules coded in TS...](https://github.com/GoSubRoutine/Ball-in-the-Chamber)**
>
> JS Native Modules coded in TS & CS. Contribute to GoSubRoutine/Ball-in-the-Chamber development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![shedMusic](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/shedmusic/32/601_2.png) [@shedMusic](https://discourse.processing.org/u/shedMusic)\
**Post date:** [July 3, 2019, 10:07am UTC](https://discourse.processing.org/t/web-editor-offline/12399/8 "2019-07-03T10:07:48Z")

</div>

Thanks for all ideas 😀  
Gone for Visual Studio Code in the end. Seems nice so far to work with for p5.js and has support via plugins for Dart/Flutter that are also on my ‘try soon’ list 😁

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [July 3, 2019, 1:07pm UTC](https://discourse.processing.org/t/web-editor-offline/12399/9 "2019-07-03T13:07:19Z")

</div>

> [@shedMusic](#):
>
> Gone for Visual Studio Code in the end.

If you have time, could you check if my whole project “Ball-in-the-Chamber” v3.0.0 would work in VSC, please? 🥺

That is, whether the TS & CS codes are properly recognized and emitted as JS by the VSC IDE like I have here on Atom IDE. ⚛

The whole project can be grabbed on the link below: 🔗

- [Releases · GoSubRoutine/Ball-in-the-Chamber · GitHub](http://GitHub.com/GoSubRoutine/Ball-in-the-Chamber/releases)

Probably you’re gonna need to run [install-p5js-types.bat](https://github.com/GoSubRoutine/Ball-in-the-Chamber/blob/master/p5js-global/install-p5js-types.bat) in order to grab “@types/p5” definitions. 😳

---

<div class="post-metadata">

**Author:** ![shedMusic](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/shedmusic/32/601_2.png) [@shedMusic](https://discourse.processing.org/u/shedMusic)\
**Post date:** [July 6, 2019, 5:46pm UTC](https://discourse.processing.org/t/web-editor-offline/12399/10 "2019-07-06T17:46:52Z")

</div>

@GoToLoop

Just tried for you but not working …? ☹

Will try to figure out why, but thought I’d at least let you know I have tried!

Mark

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [July 6, 2019, 6:53pm UTC](https://discourse.processing.org/t/web-editor-offline/12399/11 "2019-07-06T18:53:20Z")

</div>

Thx for trying to test my project under VSC. 👍  
Anyways, here’s a screenshot of it under Atom IDE: ⚛

 ![Atom](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/8/80421d660804d1c01b1ac92ebc88c4593da60908.png)
