Free online text editor with no access limitations. The best thing about online tools is that they do not have device-based usage restrictions. When you are using offline tools, they can only be used after the installation has been done successfully on a device. If you wish to use the tool on three devices simultaneously, the installation would. Is Atom open source? What does Atom cost? What platforms does Atom run on? How can I contribute to Atom? Why does Atom collect usage data? Atom in the cloud? What's the difference between an IDE and an editor? How can I tell if subpixel antialiasing is working? Why is Atom deleting trailing whitespace? Why is there a newline at the end of the file?
As a developer, your main tool is obviously the one that allows you to turn your ideas into code: A text editor. As time goes by, more online text editors are created that can help you code from any computer with Internet access. In this article, let's take a look at 10+ useful online code editors.
Why Using Online Code Editors?
Let's quickly sum up the advantages of using an online IDE (Integrated Development Environment):
No Setup
Since you'll be coding straight in your browser, you won't have to download, install and configure an IDE. Saving time and hard drive clutter is always a good thing if you ask me.
Easy Collaboration
Most IDEs and web applications featured in this article have advanced sharing/collaboration options. For example, you can start coding and then forward the URL to your colleague for them to continue your work or help you debug it. So if you work in a team, online code editors are definitely an option you should consider.
Zero to Little Cost
The vast majority of this list features free IDEs, so you won't break the bank as you start working on exciting new projects. Therefore, online IDEs are a great choice for students or those wanting to become a web developer.
CodePen
Probably the most popular online code editor. CodePen is fast, easy to use, and allows a web developer to write and share HTML/CSS/JS code online.
CodePen is free and creating an account isn't mandatory, so you can start writing code and create a new web application straight from your web browser quickly and efficiently.
→ https://codepen.io/
Code Sandbox
Code Sandbox is an amazing online code editor that allows developers to quickly create applications using modern programming languages and technologies such as Angular.js, Vue.js and React.
This complete development environment is loaded with many features and code templates that will definitely make your coding faster and easier.
→ https://codesandbox.io/
Code Share
As its name suggests, CodeShare is an online code editor with an emphasis on sharing code. It is an extremely useful tool for developers to share code with others, troubleshoot code together, and for teachers to show students how to code in real time.
Atom Editor Online
CodeShare supports syntax highlighting for 50+ languages, and features a video chat option which is incredibly useful when working remotely with a colleague.
→ https://codeshare.io/
JS Fiddle
For a few years now, JS Fiddle has been a very popular choice for developers wanting to write and share code online. While it can't replace a desktop or command line editor like Vim, it is 100% free and provides tons of boilerplates (jQuery, Vue, Reac, React + JSX, Preact, TypeScript, CoffeeScript, SCSS, CSS Grid, Bootstrap, PostCSS) to get started quickly.
→ https://jsfiddle.net/
JSBin
As you can guess, JSBin is an online text editor primarily focused on Javascript, with a fast and simple interface. Each of your code snippets can be tested through your web browser, and then exported into a text file.
Another good thing to note is that JSBin can import popular HTML/CSS/JS frameworks such as jQuery and Bootstrap, allowing you to easily create modern pages and web applications.
→ https://jsbin.com/
Play Code
Similar to CodePen, Play Code is a fast and intuitive online text editor for front-end web development. This handy tool allows you to use libraries for HTML, CSS and JavaScript (jQuery, React, Vue, etc) while letting you see the result in real time.
This great online editor features templates for working with popular web development frameworks and allows logged in users to save and share code.
→ https://playcode.io/
TryIt Editor
Brought to you by W3Schools, TryIt editor lets users edit HTML, CSS and JavaScript code, and view the result in their browser. This online editor is very simple and doesn't feature as many options as some others mentioned in our list, but it's still a great tool, especially for testing new ideas and techniques.
→ https://www.w3schools.com/tryit/
EditPad
EditPad is a simple and minimal online editor for web developers. Unlike most tools featured in this article, it doesn't feature syntax highlighting, boilerplates or project management.
EditPad is just a plain page to type your text without any distractions. While definitely not the most powerful editor for web development, this 'online notepad' can be a lifesaver on a particularly slow computer.
→ http://www.editpad.org/
StackBlitz
StackBlitz claims to allow you to code the future in your browser. And after trying it, I'm confident you'll agree that this web application is extremely useful for coders.
Recommended storage for laptop. StackBlitz features 5 workspaces: React, AngularJS, JavaScript, Ignite UI and KendoReact. Once launched, you will notice a similarity between StackBlitz and the VSCode editor, which is a good thing if you're used to Microsoft's editor.
Another extremely cool StackBlitz feature is that all applications get deployed automatically on their servers, and hosted for free.
Free Text Editor Atom
→ https://stackblitz.com/
Gitpod
Are you a GitHub user? If yes, there's little to no doubt that you will enjoy Gitpod. This cloud IDE is among the best online code editors and allows you to launch ready-to-code dev environments for your GitHub or GitLab project with a single click.
Gitpod offers full integration with GitHub and supports all major back-end/front-end languages and frameworks. Unfortunately, it's not free, starting at $8 a month.
→ https://www.gitpod.io/
TypeIt
TypeIt isn't a code editor and I hesitated to feature it in this post. This handy tool helps you to access special characters such as French accents, as a visual keyboard does. Definitely a site to have in your bookmarks if you're often working on multi-language sites.
→ https://www.typeit.org/
Frequently Asked Questions
- What's your relationship to AtomTeam (the developer & publisher of ATOM RPG)
None. Just a happy fan.
- Are you harvesting my personal data / saved game files?
No. Thanks to some clever libraries by some clever folks, I was able to do all the work within your browser. Your IP address is probably in a server log somewhere, but that's all.
- Why a web page? Most editors are EXEs. If you were an EXE, we wouldn't have to mess around with the Load and Save Dialogs!
Two reasons:
- Firstly, I wouldn't download and trust a random EXE I found on the internet, so why should I expect you to?
- Secondly, it's I needed a personal project to refresh my somewhat rusty JavaScript skills after a couple of years rocking backend services and big data ;-)
- You filthy cheater! Get gud you lozer!
I don't like to play games twice (unless it's years apart), and I don't like to feel I'm missing things on my single playthrough.
To be honest, I found myself save scumming a lot. So whacking up my Tinkering, Technology, Personality and Luck stats has greatly improved my experience without devaluating the value of the skill points I get through leveling. Similarly, the game is a lot more fun (for me) when I can see my follower's health and what the opposition is armed with, so I gave myself the corresponding perks rather than having to chose those and the 'mandatory' ones.
- Why don't the Load / Save game dialogs default to the correct location?
Browser security prevents it. Trust me, its a good thing. If a web page could control where files were loaded from or saved to it could easily read a personal file or overwrite a system file with a virus.
Even the path to places like MyDocuments can include the signed-in user's name, so the browser won't even share the name of the folder you selected in the File Open dialog with me.. Fl studio uploaded.
- Wow. Why is your web-page like 750KB in size, yet looks like it was designed in 1995?!?
Size: I was too lazy to work out how to lazy load the Monaco library (~710KB), and pull in more of JQuery than I really need. Maybe I'll optimize in a later version..
Look: Umm.. err.. no real excuse. I suck at pushing pixels and have always depended on designers at work.
- Why are the stats limited to 10 and skills to 199?
I haven't done any testing personally, but posts on Steam suggest going over these limits cause Bad Things To Happen™ for now. These limits only apply to values in the Simple Editor, so if you want to exceed them, you can do so through the Advanced Editor.
- Can you edit X for me / help me with my Save File?
No, I'm lazy and this is a side project I mostly knocked together one Sunday. You can use the Advanced editor to edit pretty much anything yourself though.
- Have you seen anything interesting in the Save Game files?
Yes. The original names of the stats, that Skeletons are actually chests (logical when you think about it, but it does mean they have associated properties for things like lock difficulty and pin number!), cars have a speed value, and that you character model is scaled down.
Atom Editor For Pc
Release Notes
- v. 2109-02-09 Beta Release
- Fixed 'Cannot read property 'level' of undefined' error rendering the Simple Editor when the tutorial guy from the Training Camp is in the party.
- Fixed bug where the cap for stats was also being applied to Free Skill Points, Free Stat Points, Free Spec Points and Spec Level.
- Updated text on intro page.
- Moved from Alpha to Beta since I've now completed the game on an edited save.
- v. 2109-02-5 FireFox fix
- Fixed FireFox specific error 'evaluating 'gzipFile.lastModifiedDate.toLocaleDateString'.'
- v. 2019-01-26 Initial (Alpha) Release
- Initial release.
