CodeArea
Extension Delisted
This extension is no longer available in the official store. Delisted on 2025-09-17.
Convert any textarea into a code editor style.
Convert any textarea into a code editor style.
This will monitor webpages you're on and convert regular Textareas into Code Editors. An icon appears in the lower-left corner that will allow you to select which language for syntax highlighting. You can change the theme in the CodeArea settings page.
The editor is extensive and will have many features (+optionals) as more updates roll out, including: code folding, line highlighting, vmacs keymap, etc.
// Updates
// ---------------------------------------------------------
02-03-2014
- Add line wrapping mode
- New layout
- Dynamic adjustment of linewrapping and themes
12-05-2013
- Fix a fluid 100% bug.
12-04-2013
- Editor will handle fluid layouts better and resize properly.
- Added close button to remove editors.
- Fixed some bugs related to updating textarea content.
- Default themes and languages can be saved / reloaded.
- You can have themes and languages autoload to all pages you visit, or from a list of matching hostnames.
- Bugfixes.
Latest reviews
Nice for pure code, but doesn't work with some of Google's own online textareas.
Cool stuff! Is there a way to change default indentation? I want 2 spaces instead of tab.
That's great.
Perfect for editing some complex wordpress pages. I didn't want to have to install a wordpress plugin to do the same thing.
I couldn't live without CodeArea. I work on a rather crappy ecommerce CMS which, despite being a multi-million dollar product, has the worst WYSIWYG/code editors ever invented, so CodeArea is my savior daily.
This is awesome. I've been looking for JS plugins for textareas and they all seem to not work properly or crash the browser. This works flawlessly every time. Really liking the automatic indenting too!
Отлично! То что я долго искал... подсвечивает синтаксис везде, даже по протоколу HTTPS.
A lot of times textareas in CMS systems like drupal that contain code are dynamically loaded... So I had to hack this extension to re-evaluate textareas on the page when I click a button. Other than that... Great extension!
The new word-wrap mode makes this great extension even better!
AMAZING.
Plugin dont work on Drupal Textarea :/
Textareas with 100% height and 100% width do not resize correctly
Soothes the pain of inline editing.
Feature Request: posibility to setup default language selection based on data attribute or class of textarea. for example: textarea has attribute data-ca-lang="php" so extension set php syntax for this area by default
event works for snippets in some forums. dope.
Ever try adding code to a textarea and hit TAB and then yell *&#K? Yeah, this fixes that.
