CodeMirror - Javascript Code Editor with Bundles of Features

Introduction

CodeMirror is a standalone Javascript Library allow us to create online code editor with syntax highlighting feature easily. It supports almost all the famous programming languages, and you can create your own as well. CodeMirror also supports most features that you would find in a normal code editor such as syntax highlighting, autocomplete, code indentation, search/replace etc. It's a really powerful online editor.

CodeMirror is a totally different solution for Rich Text Editor, It doesn't have the WYSIWYG feature, but it increase the readibility as user keying their coding. If you're building a website that accepts user submission of coding, CodeMirror would be the perfect editor. In fact, I discovered CodeMirror via wp-snippet website. Another two examples that are using it are Merge.ly, JS Bin and JS Hint.

Details

Features

• Support 40+ programming languages, and you can create your own
• Support theming
• Autocompletion
• Code folding
• HTML editor with preview
• Full-screen editing, Auto-resizing editor
• Auto code formatting
• and other such as search/replace, HTML editor with preview

Screenshots