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

Rating	Subject	Submitted by	Importance	Easy to solve?	Priority	Category	Volunteered to solve	LastModif	Comments
(0)	Multiple code plugins on a single WYSIWYG page not correctly parsed	mekko	8		0	Error		2013-11-25	5 mekko-26 Nov 13
(0)	Eval error in event debug console in IE	luciash d' being 🧙‍♂️			0	Error		2015-02-18	0
(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	8		0	Error		2016-12-27	0
(0)	inline syntax highlighting of CODE plugin	drsassafras			0	Feature request		2017-06-02	0
(0)	Browser search fails to find some term occurences in CodeMirror text areas	Philippe Cloutier	6		0	Bug		2017-10-03	2 Chealer9-03 Oct 17
(0)	CodeMirror problems	Jonny Bradley	4	1 difficult	4	Regression	Jonny Bradley	2013-12-06	0
(0)	Codemirror treats 2 hyphens used for an em-dash as a strikeout	DavidBright	7	4	28	Usability Patch Less than 30-minutes fix		2014-08-10	2 pianoliv-13 Sep 13
(0)	CodeMirror: deduplicate Tiki mode code	Marc Laporte	5	5	25	Feature request		2013-11-17	0
(0)	Upon select text and click toolbar plugin, CodeMirror activates itself and instead of insert at cursor, we get insert at top	Marc Laporte	10 high	5	50	Dogfood on a *.tiki.org site Regression Conflict of two features (each works well independently)		2014-07-29	0
(0)	Searching for content highlights the chosen language in search term text as well	Andrain	5	5	25	Usability Bug		2017-09-06	0
(0)	Keep color highlighting from PluginCode at the mpdf printed version	Xavier de Pedro	4	5	20	Feature request		2018-04-01	0
(0)	Wiki Edits in 18.x with mobile devices duplicate some trailing chars from strings when Codemirror is on	Xavier de Pedro	7	5	35	Error Regression		2018-05-14	0
(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	4	6	24	Community projects Dogfood on a *.tiki.org site Regression Conflict of two features (each works well independently)		2014-08-14	0
(0)	Avoid huge pages which force horizontal scrolling (CodeMirror, PluginCODE, etc)	Marc Laporte	5	7	35	Usability Dogfood on a *.tiki.org site Consistency Conflict of two features (each works well independently)		2013-10-28	1 marclaporte-10 Oct 11
(1)	Allow end user to switch codemirror on in tracker field textareas when the site feature allows	Xavier de Pedro	4	8	32	Usability Dogfood on a *.tiki.org site Consistency		2014-09-21	0
(1)	Codemirror: button to switch it on is hidden when first the editor is set to fullscreen	Xavier de Pedro	2	9	18	Usability Consistency		2014-02-07	0

Pending

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

Closed

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

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
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
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/
https://codemirror.net/6/

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

Note

Please wait

Backlinks

Structures

Page actions