Web-based source code editor

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	Created	Modified
(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	5	50	Conflict of two features (each works well independently) Regression Dogfood on a *.tiki.org site	22 Feb 14	29 Jul 14
(0)	Doc, Plugins, Codemirror; The colors parameter displayed as example don't do anything (anymore) code mirror disabled ?	Bernard Sfez / Tiki Specialist	5	10	50	Regression Dogfood on a *.tiki.org site	01 Jan 23	01 Jan 23
(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		40	Error	27 Dec 16	27 Dec 16
(0)	Multiple code plugins on a single WYSIWYG page not correctly parsed	mekko	8		40	Error	24 Nov 13	06 Jul 24
(0)	Wiki Edits in 18.x-20.x with mobile devices duplicate some trailing chars from strings when Codemirror is on	Xavier de Pedro	7	5	35	Error Regression	14 May 18	06 Jul 19
(1)	Allow end user to switch codemirror on in tracker field textareas when the site feature allows	Xavier de Pedro	4	8	32	Consistency Usability Dogfood on a *.tiki.org site	14 Dec 13	21 Sep 14
(0)	Browser search fails to find some term occurences in CodeMirror text areas	Philippe Cloutier	6		30	Bug	27 Sep 17	03 Oct 17
(0)	Codemirror treats 2 hyphens used for an em-dash as a strikeout	DavidBright	7	4	28	Usability Less than 30-minutes fix Patch	11 Jul 12	10 Aug 14
(0)	Searching for content highlights the chosen language in search term text as well	Andrain	5	5	25	Bug Usability	06 Sep 17	06 Sep 17
(0)	CodeMirror: deduplicate Tiki mode code	Marc Laporte	5	5	25	Feature request	17 Nov 13	17 Nov 13
(0)	inline syntax highlighting of CODE plugin	drsassafras			25	Feature request	31 May 17	02 Jun 17
(0)	Eval error in event debug console in IE	luci			25	Error	18 Feb 15	18 Feb 15
(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	Conflict of two features (each works well independently) Regression Community projects Dogfood on a *.tiki.org site	14 Aug 14	14 Aug 14
(0)	Keep color highlighting from PluginCode at the mpdf printed version	Xavier de Pedro	4	5	20	Feature request	01 Apr 18	01 Apr 18
(1)	Codemirror: button to switch it on is hidden when first the editor is set to fullscreen	Xavier de Pedro	2	9	18	Consistency Usability	14 Dec 13	07 Feb 14
(0)	With Codemirror enabled or toggled Admins can't edit text-area field on doc.t.o	Bernard Sfez / Tiki Specialist	3	1	3	Bug	04 Oct 23	23 Oct 23

Pending

	Rating	Subject	Submitted By	Importance	Easy to solve ?	Priority	Category	Volunteered to solve	Created	Modified
	(0)	CodeMirror problems	Jonny Bradley	4	1	4	Regression	jonnybradley	14 Nov 13	20 Nov 25

Closed

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

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

Tiki Roundtable Meeting - July

Please wait

Web-based source code editor

Wishes

Open

Pending

Closed

Todo

Bugs

Feedback from 8.x

Feedback from 7.x experimental

Robert & Marc

7.x

Trunk

Related links

Options

Highlight.js

Brackets

GeSHi

SyntaxHighlighter

EditArea

JQuery Syntax Highlighter

CodePress

CodeMirror

Mozilla Skywriter

ecoder | web-based code editor

Amy Editor

Eclipse Orion

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

v3 Dogfood testing

Realtime

Alias names for this page:

About Tiki

Community

Documentation

Support

Development

Legal

Tiki Project Sites

Networks

Navigation and related functionality and content

Related content

Tiki Roundtable Meeting - July

Please wait

Backlinks

Page actions

Web-based source code editor

Wishes

Open

Pending

Closed

Todo

Bugs

Feedback from 8.x

Feedback from 7.x experimental

Robert & Marc

7.x

Trunk

Related links

Options

Highlight.js

Brackets

GeSHi

SyntaxHighlighter

EditArea

JQuery Syntax Highlighter

CodePress

CodeMirror

Mozilla Skywriter

ecoder | web-based code editor

Amy Editor

Eclipse Orion

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

v3 Dogfood testing

Related

Realtime

Alias names for this page:

Related content