Free Code Editor

broken image


As an enthusiast developer, I write and read a lot of code every single day without exception. However, not always you can take your laptop and work wherever you want for different reasons. Nowadays, everybody has a Smartphone that is small as a hand. Many developers say that that's already an impediment because you can't work comfortably, but we do not all think in the same way (i mean, not all of us have huge fingers).

In this top, we will share with you a collection of 7 from the best free code editors applications available for the Android Platform.

Recommendations

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/. Following is a curated list of Top 15 source code and text editor software for Windows and Mac platforms. All the editors in the list are Free to use. The code editor could be standalone or integrated into an IDE. Best Free Code Editors for Windows & Mac 1) Notepad. Notepad is a popular free to use code editor written in C. It uses pure win32 API which offers greater execution speed and small. The program allows you to build a personal library of frequently used code, which you can use to edit multiple files, switching between them. The find-and-replace function can be applied to single files, all open files or all files in a specified directory. The Free HTML Editor on 32-bit and 64-bit PCs.

If you want to enjoy your development experience while you work with any of the apps in this top, we recommend you to use an appropriate keyboard like Hacker's keyboard. This keyboard is available on the Play Store.

7. Dcoder

Dcoder is a mobile coding IDE especially designed to hone your coding skills on mobile. It is a complete package to learn and comprehend the programming languages from a wide range e.g from C to Ruby. It includes Rich text editor supporting syntax highlight and packed with all the necessary tools required to give you all the edge an IDE or Code Compiler can give. The compile process is made through cloud APIs, that means that these features aren't available without internet.

Not only you can code, you can debug the code to see compilation errors and Result on the same screen. Autotune for fl studio 20 free download. Its more alike port of your favourite Code Editors like Notepad++ or Sublime Text with compilation power. It offers Custom Themes too, Editable font Size for the Editor and much more. This app offers in-app purchases.

6. Quoda Code Editor

Quoda is a sophisticated and easy to use source code editor or IDE, much like Notepad++, Textmate or Sublime Text, with integrated support for SFTP/FTP(S) servers and cloud storage (Dropbox and Google Drive). Other features include downloading URL source code, Code-completion, auto-encoding detection, brace matching, auto-indentation, line bookmarking, colour picker, HTML formatting, and even more - many of these unmatched by other Android IDEs or text editors.

If you want to code productively away from your PC, Quoda is a must have, allowing you to carry a text editor and IDE like Notepad++, Textmate or Sublime Text in your pocket to code when on the move.

5. QuickEdit

Website | Video

QuickEdit is a fast, stable and full featured text editor for Android devices. It has been optimized for both phone and tablet, it's of high performance and real time feedback on large text files (more than 10,000 lines). The speed and responsiveness is very good if you compare it with other text editor apps on Google Play. It can be used as a text editor or code editor for normal text files and programming files. It will automatically detect the character encoding of your files, but you can still change it as you wish.

Code

QuickEdit allows you to Access files from recently opened or added files collections, FTP, Google Drive, Dropbox and OneDrive and has syntax highlight for more than 40 languages like C++, C#, Java, XML, Javascript, Markdown, PHP, Perl, Python, Ruby, Smali, Swift, etc. QuickEdit has the ability to edit system files on rooted devices too.

4. anWriter Free

anWriter HTML editor helps you to write code: It offers an autocompletion support for: HTML, CSS, JavaScript, LaTeX (PHP, SQL in pro version). It supports modern technologies: It offers an autocompletion support for HTML 5, CSS 3, jQuery, Bootstrap, and Angular It supports FTP: You can download a file from the FTP server, send a file to the FTP server, and browse directories on the FTP server. It allows previewing web pages in application: Allow you to get a quick preview of your web page in an internal viewer. You don't need to open a browser. The integrated viewer has a JS error console.

With anWriter you will significantly increase your coding speed, compared with a usual notepad. anWriter is much lighter than most IDE, but at the same time much more powerful, than most of notepad like editors.

3. Our Code Editor Free

Website | Video

Our Code Editor Free is an integrated development environment (IDE),text editor, code editor for Android. Our Code Editor offers many features to enhance your performance while you work. Download and edit files from many sources (sftp,dropbox), an useful autocomplete and many highlight themes. Ideal for tablets, cell phone and other android devices. No account or internet connection required (excluding dropbox and SFTP), just download, install run and start coding ! The code files will be managed locally on your device.

Our Code Editor supports code folding, Live syntax checker (for a couple of languages), cut, copy, and paste functionality, Search and replace with regular expressions

Although this app is closed-source, it is totally free and it doesn't have ads. Our Code Editor Free was written by Our Code World .

2. Turbo-Editor

Free Code Editor Download

Simple, Powerful and Open Source Text Editor for Android. Built following the latest Android Guidelines to make the experience the most intuitive on the Phone but also on Tablets.

1. DroidEdit Free

Website | Video

DroidEdit is a text and source code editor (similar to Notepad++ or gedit) for android tablets and phones. Take your work everywhere with this application, code while you're waiting for the bus or when you're relaxing in a nice beach (i don't know why someone would code on vacations but, whatever). Don't rush to your office if you receive an emergency call asking you to change some code. Just pick your mobile phone and edit everything you need. This app supports Emmet Tools, expand simple expressions into full fledged HTML code automagically.

The ad supported version has exactly the same functionality as the paid version except it doesn't have SFTP support, Dropbox support, Custom themes and root mode.

Honorable mentions

These are some applications that although they aren't listed in the top, they deserve to be mentioned as they still rock !

Codeanywhere

Free Code Editor Mac

Codeanywhere is a text, code and markup editor, that has been redesigned and reengineered to be light, fast, and mobile-friendly. Connect to your FTP, SFTP Servers, Dropbox or Github account and easily manipulate your resources, folders or files just with the swipe of your finger. Share and collaborate on projects or just a single file - from wherever you are, and of course quickly edit code with our keyboard that has been customised for developers on the go. Codeanywhere also works on the desktop (Mac and PC).

Apparently the Codeanywhere app doesn't allow to edit local files from your device, only from remote sources.

Enlightened

Free G Code Editor Download

Enlightened is an elegant, minimalist code editor for Android. Its purpose is similar to that of other lightweight code editors: it allows you to edit text and code of many different languages. Think of it as a kind of Notepad++ for Android devices. At the same time, its goal is to stay minimalistic and intuitive. It has absolutely no ads, intrusive permissions, or other nonsense. This app is not stable and have some bugs, however the app has potential and its improvable, that's why it's worth to mention it.

If you know another awesome free code editor application, please share it with the community in the comment box.

Free online HTML code editor with instant live preview. Enter your code in the editor and see the preview changing as you type. Compose your documents easily without installing any program.

There is another online HTML editor which is using a WYSIWYG visual editor linked to the source editor but we found it necessary to create a separate composer where the TinyMCE is not overwriting the errors and gives more freedom and control. That particular editor corrects our code every time when considers something an error, even if we didn't want that. Now we can use non-standard tags and attributes, ASP.NET tags and more.

How to use the HTML code editor?

You will see the source editor pre-populated with a demo text when you load the website for the very first time, letting you experiment with the tool. Load this text any time you want using the allocated menu option. To open a new tag use the list above the text area. Close the opened tags clicking the close button on the very right side of the top section. This will close the items one by one in reverse opening order.

The main HTML composing area is using syntax highlighting to make the markup language tags easily distinguishable and more readable. The amount of characters is displayed along with the main control buttons: undo, new page, font-size adjuster, compressor and the main HTML Cleaning button which executes all checked cleaning options.

The preview area is located on the right side of the source editor and the changes are reflected here instantly to make HTML composing more human friendly. This section is using the Bootstrap CSS, which allows you to use the styles of the most popular front-end framework.

Scrolling further down you can find many useful integrated tools. Use the tag wizard to perform bulk operations on the code. Following the first tag name list column there are additional options to create new tags, replace them, delete them completely with their content, remove only the tags, delete the tag attributes of certain tags and it's possible to convert tables and lists to structured div elements. Besides the predefined iframe, table, link, span, image, form and list tags you can define and manipulate further tags entering them in the input fields. Every tag wizard action can be executed individually with the little play buttons or they can be set active checking the grey dots and apply them all together with the main button in the top-right corner of the window.

The most basic HTML Cleaning features are available and can be applied one by one or all active options at the same time. Clear out inline styles, unwanted classes and ids, empty tags, tags containing only one non-breaking space, successive spaces, comments. You can also get rid of all tag attributes (except the src of images and href of anchor tags) or remove every tags with one mouse click, making the document a plain text.

The replace tool can look and interchange text bits in the whole document, the content, the tag attributes, the styles or in the classes/ids. This doesn't support regular expressions.

The color picker is another important feature of the HTML code editor which lets us easily select the desired color and save them for later use. The most common code snippets can easily be copy-pasted in the editor.

The gibberish text generator populates the editor or the allocated area on the page with some basic Lorem Ipsum paragraphs.

Useful tips

Keep a backup of the content and always save the work progress.
Make sure you validate the HTML codebefore publishing to avoid errors.
Read about all the bad HTML practices here.

Use the CSS below to style the divs converted from tables: .rTable { display: table; width: 100%;} .rTableRow { display: table-row; }.rTableHeading { background-color: #ddd; display: table-header-group; }.rTableCell, .rTableHead { display: table-cell; padding: 3px 10px; border: 1px solid #999999; }.rTableHeading { display: table-header-group; background-color: #ddd; font-weight: bold; }.rTableBody { display: table-row-group; }.rTableFoot { display: table-footer-group; font-weight: bold; background-color: #ddd; }

Back to the top of the page ⇑





broken image