What we want

http://en.wikipedia.org/wiki/Comparison_of_JavaScript-based_source_code_editors
With realtime Syntax highlighting
Compatible with our License
Support for PHP, JavaScript, HTML, CSS, MySQL, Smarty, YAML so we can Dogfood within Tiki.
Support for other popular languages (Python, Java, etc.)
Possible to add syntaxes, such as Tiki markup so we can do something like WikiWizard
Ideally will open the door to Web commits
To find an open source project happy to be integrated in Tiki and that could help us.

Wishes

Open

Subject	Submitted by	Rating	Category	Priority	Importance	Easy to solve?	Volunteered to solve	LastModif	Coms
Upon select text and click toolbar plugin, CodeMirror activates itself and instead of insert at cursor, we get insert at top	Marc Laporte	(0)	Dogfood on a *.tiki.org site Bug: Regression Bug: conflict of two features (each works well independently)	50	10 high	5		2014-07-29	0
CodeMirror problems	Jonny Bradley	(0)	Bug: Regression	4	4	1 difficult	Jonny Bradley	2013-12-06	0
Avoid huge pages which force horizontal scrolling (CodeMirror, PluginCODE, etc)	Marc Laporte	(0)	Bug: Usability Dogfood on a *.tiki.org site Bug: Consistency Bug: conflict of two features (each works well independently)	35	5	7		2013-10-28	1 marclaporte-10 Oct 11
Allow end user to switch codemirror on in tracker field textareas when the site feature allows	Xavier de Pedro	(1)	Bug: Usability Dogfood on a *.tiki.org site Bug: Consistency	32	4	8		2014-09-21	0
Codemirror treats 2 hyphens used for an em-dash as a strikeout	DavidBright	(0)	Bug: Usability Patch Less than 30-minute fix	28	7	4		2014-08-10	2 pianoliv-13 Sep 13
CodeMirror: deduplicate Tiki mode code	Marc Laporte	(0)	Feature request	25	5	5		2013-11-17	0
13.x: Contents of Plugin Code shown twice when shown through an iframe (the Upgrade Wizard uses that to display some doc.t.o pages)	Xavier de Pedro	(0)	Community projects Dogfood on a *.tiki.org site Bug: Regression Bug: conflict of two features (each works well independently)	24	4	6		2014-08-14	0
Codemirror: button to switch it on is hidden when first the editor is set to fullscreen	Xavier de Pedro	(1)	Bug: Usability Bug: Consistency	18	2	9		2014-02-07	0
Multiple code plugins on a single WYSIWYG page not correctly parsed	mekko	(0)	Bug: Error	0	8			2013-11-25	5 mekko-26 Nov 13
Eval error in event debug console in IE	luciash d’ being	(0)	Bug: Error	0				2015-02-18	0
syntax highlighting works OK for all langs in editor, but produced / viewed pages only work with "php", all other langs are mono-colored.	RadoS	(0)	Bug: Error	0	8			2016-12-27	0
inline syntax highlighting of CODE plugin	drsassafras	(0)	Feature request	0				2017-06-02	0

Pending

	Subject	Submitted by	Rating	Category	Priority	Importance	Easy to solve?	Volunteered to solve	LastModif	Coms
	PluginCODE: Colors picker regression	Marc Laporte	(0)	Bug: Regression	64	8	8		2013-11-09	1 jonnybradley-05 Nov 13

Closed

Subject	Submitted by	Rating	Category	Priority	Importance	Easy to solve?	Volunteered to solve	LastModif	Coms
CodeMirror doesn't minify like everything else does	Marc Laporte	(0)	Bug: conflict of two features (each works well independently)	8	2	4		2016-12-09	0
Upgrade CodeMirror to latest stable version	Marc Laporte	(0)	Feature request	63	7	9	manivannans	2013-11-11	3 marclaporte-02 Nov 13
Codemirror buttons not shown in edit page at dev.t.o 12.x r48321	Xavier de Pedro	(0)	Bug: Regression	48	6	8	Jonny Bradley	2013-11-20	2 xavi-20 Nov 13
Comments to tracker items can't be posted when codemirror is on	Xavier de Pedro	(0)	Bug: Usability Dogfood on a *.tiki.org site Bug: Regression	36	6	6		2016-12-08	0
12.x: can't post comments if codemirror is on (it says 'Content is empty')	Xavier de Pedro	(1)	Bug: Error Bug: Usability Bug: Regression	35	7	5		2014-07-13	0
rtl in codemirror 3.16: scrollbar on the right should disappear	Xavier de Pedro	(0)	Bug: Usability	32	4	8		2013-12-05	0
CodeMirror: too much white space in wiki source view	Marc Laporte	(0)	Bug: Consistency	21	3	7	manivannans	2014-07-30	2 marclaporte-30 Jul 14
CodeMirror latest 12.x : Line numbering hides everything and puts huge line breaks	Marc Laporte	(0)	Bug: Regression	16	4	4	Jonny Bradley	2013-12-05	3 marclaporte-17 Nov 13
codemirror not switchable for new comments (but just for comment edition) even if preference correctly set	Xavier de Pedro	(1)	Bug: Usability Bug: Regression Bug: Consistency	15	3	5		2014-12-04	0
GeSHi - Generic Syntax Highlighter for PluginCode should be in mods (and activated on *.tw.o sites)	Xavier de Pedro	(0)	Bug: Usability Feature request Dogfood on a *.tiki.org site	0	3			2012-09-28	1 marclaporte-28 Sep 12

Todo

~~discuss~~
- investigate project stats on https://www.ohloh.net/tags/source/syntax_highlighter
~~pick~~ CodeMirror has been picked
~~contact project~~
integrate tightly
- ~~Text areas~~ done
- Theme generator
- Edit CSS -> ~~Use CSS here: tiki-edit_css.php~~ done in 9.2
- Edit Templates -> Use Smarty here: tiki-edit_templates.php
add syntaxes
- ~~YAML, useful for profiles~~ done
- ~~Smarty~~ done
- ~~Tiki syntax~~ done

Bugs

2013-01-31: 10.x Can’t paste text (that is in my clipboard) with Android browser in comment box of a tracker item on dev.tiki.org. Workaround: Toggle highlighter Marc Laporte 31 Jan 13 20:38 UTC
2012-09-29: Doing CTRL-F to find test on a page will not find all results. Workaround: Toggle highlighter
- Try here: http://profiles.tiki.org/tiki-editpage.php?page=CartoGraf and find “attach”. With CodeMirror, there are 2 results. If I click “Toggle Highlighter” to turn it off, I now have 7 results.
  - Marijn Haverbeke on the mailing list wrote:
    
    This is expected behavior. For performance reasons, CodeMirror only
    renders the part of the document that is visible. Thus, the browser won’t search through the rest.
    
    If this is a big issue for you, you can use the viewportMargin option that’s in the v3 branch
    (http://codemirror.net/3/doc/manual.html#option_viewportMargin), but don’t do that if you want big documents to be fast.
    - 2013-11-17: still an issue in 12.x with CodeMirror 3.x Marc Laporte 17 Nov 13 22:25 UTC
Fullscreen needs to auto-detect buttons that are found below on the page if any (like wiki: save, preview, etc) and add them if not, make sure if buttons are hidden, they are not added.
http://irc.tiki.org/irclogger_log/tikiwiki?date=2012-09-30,Sun&sel=204#l200
When I edit a Wiki page and press Home or End keys, the cursor jumps not to the start/end of line, but the start/end of paragraph.

Feedback from 8.x

False positives
- Strike trough syntax here: http://dev.tiki.org/Semi-automatic+merging+period
- PluginCode is missing a way to have colors “none” (ex.: when it doesn’t have a syntax like sql)

Feedback from 7.x experimental

[+]

Robert & Marc

7.x

~~PluginCode: CodeMirror is doubling up~~ (seems good to me - jb 110714)
~~Upgrade 7.x to CodeMirror 1.0 to get bug fixes~~ (done jb 110714)

Trunk

~~Upgrade trunk to CodeMirror2 to get new goodies~~
- Use YAML parser for profiles.tiki.org
  - This works but you need to use the yaml param for each plugin
    - A perfect example for Override default params for plugins
- the 8 .js files should be minified
- Make strings translatable

Options

[+]

Highlight.js

Brackets

http://www.h-online.com/open/news/item/Adobe-details-its-open-source-code-editor-for-web-developers-1626080.html

GeSHi

Not realtime and since it’s GPL, we can’t bundle in Tiki.
http://qbnz.com/highlighter/

Plan is to replace the partial integration with one of the others below for Tiki 7

SyntaxHighlighter

Realtime? License is OK.
http://alexgorbatchev.com/SyntaxHighlighter/

No Smarty or YAML (3rd party add-on “brush” available for YAML)
Seems to be the “market” leader, so will probably be maintained for longer
Seems a bit slow on some syntaxes

EditArea

Realtime: yes License is OK.
http://www.cdolivet.com/index.php?page=editArea

More of an editor than a highlighter (so might be good for our wiki editor, if it handled Tiki markup)
No Smarty or YAML
Seems a bit klunky and not happy in Safari

JQuery Syntax Highlighter

Realtime: Yes License OK (MIT & GPL)
http://webcodingstudio.com/blog/jquery-syntax-highlight-plugin

Seems much faster and lighter than SyntaxHighlighter (uses jQuery)
No SQL, Smarty or YAML (the could be added maybe?)

CodePress

Realtime: yes License: LGPL
http://codepress.sourceforge.net/

CodeMirror

Realtime: yes License: OK
http://codemirror.net/

Mozilla Skywriter

Realtime: yes License: Mozilla Public License
https://mozillalabs.com/skywriter/

ecoder | web-based code editor

http://sourceforge.net/projects/ecoder/

Amy Editor

http://www.amyeditor.com/
http://www.amyeditor.com/screencasts/collaboration1.mov

Eclipse Orion

http://eclipse.org/orion/

ACE - Ajax.org Cloud9 Editor (LGPL’d)

http://ace.ajax.org/

Ace is a standalone code editor written in JavaScript. Their goal is to create a web based code editor that matches and extends the features, usability and performance of existing native editors such as TextMate, Vim or Eclipse. It can be easily embedded in any web page and JavaScript application. Ace is developed as the primary editor for Cloud9 IDE and the successor of the Mozilla Skywriter (Bespin) Project.

Ace is a community project. We actively encourage and support contributions. The Ace source code is hosted on GitHub. It is released under the Mozilla tri-license (MPL/GPL/LGPL).

See its live demo:
http://ace.ajax.org/build/kitchen-sink.html

Features

Syntax highlighting
Auto indentation and outdent
An optional command line
Work with huge documents (100,000 lines and more are no problem)
Fully customizable key bindings including VI and Emacs modes
Themes (TextMate themes can be imported)
Search and replace with regular expressions
Highlight matching parentheses
Toggle between soft tabs and real tabs
Displays hidden characters
Highlight selected word

How-to embed in a web page (API):

https://github.com/ajaxorg/ace/wiki/Embedding---API

v3 Dogfood testing

CodeMirror Testing v3

Realtime

http://www.tokbox.com/blog/collaborative-editor/

Alias names for this page:

ACE | codeeditor | code editor