# Requirements for p5.js Web Editor

**URL:** <https://discourse.processing.org/t/requirements-for-p5-js-web-editor/2913>\
**Category:** p5.js\
**Created:** [August 24, 2018, 9:20am UTC](https://discourse.processing.org/t/requirements-for-p5-js-web-editor/2913 "2018-08-24T09:20:04Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ziebarth](https://avatars.discourse-cdn.com/v4/letter/z/f07891/32.png) [@ziebarth](https://discourse.processing.org/u/ziebarth)\
**Post date:** [August 24, 2018, 9:20am UTC](https://discourse.processing.org/t/requirements-for-p5-js-web-editor/2913/1 "2018-08-24T09:20:04Z")

</div>

Hello,

I would like to use the p5.js Web Editor for introducing programming in 2 courses at my school. Unfortunately, I only get an empty page (it contains some divs that are not displayed) when I try to load the editor with Firefox. There seem to be no problems with our school filter and our school’s IT admin told me that Javascript is activated.

Could you please tell me, which **requirements** are needed for the **p5.js Web Editor** to be displayed / run in a browser (Firefox)?

Since school starts again next week, I am getting a bit nervous, so I would be really glad if I could get a fast answer.

Thank you very much for your help.

Best regards  
Sabrina

---

<div class="post-metadata">

**Author:** ![hamoid](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/hamoid/32/58_2.png) [@hamoid](https://discourse.processing.org/u/hamoid)\
**Post date:** [August 24, 2018, 10:36am UTC](https://discourse.processing.org/t/requirements-for-p5-js-web-editor/2913/2 "2018-08-24T10:36:12Z")

</div>

Hi! I’m not sure about the requirements. But…

- What version of Firefox is it?
- Does it have any plugins running? Some plugins block certain features.
- If you open the console (Ctrl+Shift+K) in Firefox, does it show any errors there?
- What about working on [https://www.openprocessing.org/](https://www.openprocessing.org/) instead of the web editor? Can you type programs there and run them?
- When you say Web Editor, do you mean this: [http://alpha.editor.p5js.org/](http://alpha.editor.p5js.org/) ?

---

<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:** [August 24, 2018, 11:40am UTC](https://discourse.processing.org/t/requirements-for-p5-js-web-editor/2913/3 "2018-08-24T11:40:31Z")

</div>

> **[Code 800A0404 issue](https://Discourse.Processing.org/t/code-800a0404-issue/2036/3)**
>
> Easiest & fastest recipe to run “.js” sketches under p5.js: 🏃 Install any Firefox-based browser in your OS and use it to open your “index.html” file: 🦊 Install Notepad2 or Notepad++ (or both) in your OS and use it to type in your “sketch.js”...

---

<div class="post-metadata">

**Author:** ![ziebarth](https://avatars.discourse-cdn.com/v4/letter/z/f07891/32.png) [@ziebarth](https://discourse.processing.org/u/ziebarth)\
**Post date:** [August 24, 2018, 5:12pm UTC](https://discourse.processing.org/t/requirements-for-p5-js-web-editor/2913/4 "2018-08-24T17:12:31Z")

</div>

Thank you very much for your input. I found the problem today and it was the Firefox version. Checking the errors hinted that html5 and css3 were not supported. Since that seemed really strange I checked the version and found that it was 22.0. I looked that up in the version history and it is from 2013, before html5 was supported by most browsers. At the end of last term Firefox was more or less up to date. In the summer vacations a “new” image was installed on the 500 school computers… Unfortunately, we teachers do not have any rights for installing or updating software, so this will be an “interesting” start…

But I did not know [https://www.openprocessing.org/](https://www.openprocessing.org/), so at least I got some new input out of it 😉 Thanks for that.

---

<div class="post-metadata">

**Author:** ![Kevin](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kevin/32/2297_2.png) [@Kevin](https://discourse.processing.org/u/Kevin)\
**Post date:** [August 24, 2018, 6:31pm UTC](https://discourse.processing.org/t/requirements-for-p5-js-web-editor/2913/5 "2018-08-24T18:31:23Z")

</div>

I think you should probably try to get your browsers upgraded. Not just for the P5.js editor, but for general sanity.

But if for whatever reason you can’t update them, it’s worth noting that the P5.js web editor isn’t strictly required to edit P5.js. It’s perfectly fine to use a basic text editor, or the Processing editor itself, to edit P5.js code.

Shameless self-promotion: here is a guide on different editors that can edit P5.js:

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

---

<div class="post-metadata">

**Author:** ![kfrajer](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kfrajer/32/196_2.png) [@kfrajer](https://discourse.processing.org/u/kfrajer)\
**Post date:** [August 24, 2018, 9:43pm UTC](https://discourse.processing.org/t/requirements-for-p5-js-web-editor/2913/6 "2018-08-24T21:43:32Z")

</div>

That is like driving a car without seat belts. Using such obsolete versions is just a security risk. Your IT department should know better…

Kf