Home Extensions CodeMirror

CodeMirror

As a developer, I like to write my articles using HTML code and I was doing this on a plain textarea until I found CodeMirror. It's a great JavaScript based editor and it supports a wide variety of languages (HTML, CSS, PHP etc.) This plugin for Joomla! brings this great program to your site.

Kudos for Marijn Haverbeke for releasing such great code as a free software

Instructions
  • Install the plugin and go to Global Configuration
  • Go to Global Configuration (or User Manager) and set Editor - CodeMirror as default editor
  • This is it. Now you have a very nice editor for writing content
Screenshots

Click to enlarge

The article you are reading CodeMirror highlighting a mismatched tag

System Requirements
  • PHP 5 or newer
Changelog

30 May 2009: 1.0.0
Initial release

Download
  • Version: 1.0.0
  • State: Stable

11 Comments

Feed

  1. Ercan bu sadece kod editörü olarak kullanmayı sağlıyor değil mi yoksa ben ömi yanlış anlıyorum. Ayrıca eline sağlık teşekkürler

    memoc@n on 05 June 2009 10:39

  2. Bildiğimiz editör işte tiny vs. gibi. kod renklendirme, otomatik etiket kapama gibi özellikleri var.

    Ercan on 05 June 2009 11:01

  3. Tamam ne kızıyorsun, tanıtımını yapıyoruz o sebeple sorduk :)

    memoc@n on 05 June 2009 11:17

  4. Ne kızması yav alıngan amca. :)

    Ercan on 05 June 2009 11:22

  5. Yok ne alınması, şaka yapıyorum kolay gelsin

    memoc@n on 05 June 2009 11:33

  6. Looks good!

    David on 29 June 2009 13:10

  7. Hi, the editor does look good, however after installing it and setting it as my default editor any articles I try to view or create just show up as a blank page. Any idea how I can fix this? Thanks.

    Damir on 31 July 2009 02:22

  8. Hi Damir, Which browser are you using? Can you also open Error Console on Firefox (Tools->Error Console or ctrl+shift+j) and then open an article to see if there are any errors produced.

    Ercan on 31 July 2009 19:03

  9. Thanks this is a usefull module!

    Sebas on 13 August 2009 18:45

  10. Hi, Had the same issue as Damir; wasn't saving any text. Modified the function submitbutton()) in: /includes/js/joomla.javascript.js around line 321 so it now looks like: /** * Submit the admin form */ function submitform(pressbutton){ /** * @ADDITION - get the CodeMirror index and update the actual element with the same id. */ if( typeof(CodeMirror) == 'function' && ){ for (x in CodeMirror.instances){ document.getElementById(x).value = CodeMirror.instances[x].getCode(); } } if (pressbutton) { document.adminForm.task.value=pressbutton; } if (typeof document.adminForm.onsubmit == "function") { document.adminForm.onsubmit(); } document.adminForm.submit(); }

    Ben Sims on 22 October 2009 18:41

  11. Hi Ben, Your hack is actually also done by the editor. I assume your component does not use save(); ?> when overwriting submitform function as it should.

    Ercan on 05 November 2009 18:20

Add Comment