The Code Editor is a built-in coding environment that you can use to write, run, and preview code together without leaving your Space.

The Code Editor supports JavaScript and Python. You can create multiple files, work on code collaboratively, and run your code to see the output.

The Code Editor is available from the Apps and Tools Library.

Once the Code Editor is open, everyone in the Space can work on the code together. As people type, their cursor indicators show you where each person is working.

The Code Editor lets you create multiple files within the same workspace.

To create a new file:

Your new file will appear in the Files panel, where you can select it to start editing. You can switch between your files from the Files panel while working on your code.

The Code Editor also automatically provides an Outline of your code in the left-hand panel.

The Outline shows the classes and functions included in your file, making it easier to navigate larger pieces of code and quickly find the part you want to work on.

Once you’ve written your code, you can run it directly from the Code Editor by clicking Run in the top-right corner of the editor.

The code will run, and the results will appear in the Output panel at the bottom of the editor. The output panel lets you see the result of your code and check whether it is behaving as expected.

If you have questions about the Code Editor or need help with anything else in Pencil Spaces, please contact our Pencil Spaces Support team. We’re available 24/7 and will be happy to help.

For more details on how to access our live support team, see our guide: How to access 24/7 live support.