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
Pending
| Rating | Subject | Submitted by | Importance | Easy to solve? | Priority | Category | Volunteered to solve | Created | LastModif | Comments | |
|---|---|---|---|---|---|---|---|---|---|---|---|
| (0) | PluginCODE: Colors picker regression | Marc Laporte | 8 | 8 | 64 |
| 2013-11-04 | 2013-11-09 | 1 jonnybradley-05 Nov 13 |
Closed
| Rating | Subject | Submitted by | Importance | Easy to solve? | Priority | Category | Volunteered to solve | Created | LastModif | Comments | |
|---|---|---|---|---|---|---|---|---|---|---|---|
| (0) | GeSHi - Generic Syntax Highlighter for PluginCode should be in mods (and activated on *.tw.o sites) | Xavier de Pedro | 3 | 15 |
| 2007-08-07 | 2012-09-28 | 1 marclaporte-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 |
| 2014-07-13 | 2014-12-04 | 0 | ||
| (0) | CodeMirror latest 12.x : Line numbering hides everything and puts huge line breaks | Marc Laporte | 4 | 4 | 16 |
| Jonny Bradley | 2013-11-02 | 2013-12-05 | 3 marclaporte-17 Nov 13 | |
| (0) | CodeMirror: too much white space in wiki source view | Marc Laporte | 3 | 7 | 21 |
| manivannans | 2013-11-12 | 2014-07-30 | 2 marclaporte-30 Jul 14 | |
| (0) | Codemirror is not showing links to switch the highlighter even if prefs is correctly set | Xavier de Pedro | 5 | 5 | 25 |
| 2021-07-29 | 2021-07-30 | 3 xavi-30 Jul 21 | ||
| (0) | rtl in codemirror 3.16: scrollbar on the right should disappear | Xavier de Pedro | 4 | 8 | 32 |
| 2013-11-02 | 2013-12-05 | 0 | ||
| (0) | Minify JavaScript breaks codemirror in doc.t.o 18.x | Xavier de Pedro | 4 | 8 | 32 |
| 2018-04-01 | 2018-07-19 | 1 marclaporte-19 Jul 18 | ||
| (1) | 12.x: can't post comments if codemirror is on (it says 'Content is empty') | Xavier de Pedro | 7 | 5 | 35 |
| 2014-05-28 | 2014-07-13 | 0 | ||
| (0) | Comments to tracker items can't be posted when codemirror is on | Xavier de Pedro | 6 | 6 | 36 |
| 2016-10-11 | 2016-12-08 | 0 | ||
| (0) | Codemirror buttons not shown in edit page at dev.t.o 12.x r48321 | Xavier de Pedro | 6 | 8 | 48 |
| Jonny Bradley | 2013-11-04 | 2013-11-20 | 2 xavi-20 Nov 13 | |
| (0) | Upgrade CodeMirror to latest stable version | Marc Laporte | 7 | 9 | 63 |
| manivannans | 2013-09-08 | 2013-11-11 | 3 marclaporte-02 Nov 13 | |
| (0) | CodeMirror doesn't minify like everything else does | Marc Laporte | 2 | 4 | 8 |
| 2014-08-10 | 2016-12-09 | 0 |
Todo
-
discuss- investigate project stats on https://www.ohloh.net/tags/source/syntax_highlighter
-
pickCodeMirror has been picked -
contact project - integrate tightly
-
Text areasdone - Theme generator
- Edit CSS ->
Use CSS here: tiki-edit_css.phpdone in 9.2 - Edit Templates -> Use Smarty here: tiki-edit_templates.php
-
- add syntaxes
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
-
- 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.
- 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
[+]- CodeMirror everywhere feature needs splitting up, and/or fixing and/or defaulting to off (would be nice to have code plugin highlighting on but still keep toolbars and prefs working)
- Done? (in r33958 by Robert P - enough to unblock?). Seems not...
- "Syntax Highlighter (CodeMirror)" feature, clickable zone is limited to edited lines (see dev list for details) require a fix for Internet Explorer. Quick (ugly) fix; Add a warning new the "Syntax Highlighter (CodeMirror)" checkbox about Internet Explorer compatibility problem -> Could be then wise not to set it ON by default at install.
- Turning on CodeMirror when existing code plugins use GeShi languages can make the plugin contents disappear. Another reason not to turn CodeMirror ON by default at installation.
- A few issues visible on doc.tiki.org/PluginImg (reported by Lindon)
- For the tabs under Syntax - PluginCode doesn't show properly for one of the tabs (sometimes one, sometimes the other)
- Underneath the two images in the Syntax section, when you click on "Click here for the code..." the PluginCode doesn't show properly.
- Looks like both of these are due to CodeMirror trying to run on a hidden PRE block
-
Inserting external links that contain the string "page" (among others) inserts the wrong links, with the string missing. For example inserting http://localhost/tiki/trunk/tiki-index.php?page=Brackets will link to http://localhost/tiki/trunk/tiki-index.php?=Brackets . This is caused by a replacement in codemirror_tiki.js insertAt.Chealer 20110925 (trunk r37653).- Fixed by Robert for Tiki 8 in r38168. Chealer 20111011
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
- This works but you need to use the yaml param for each plugin
- the 8 .js files should be minified
- Make strings translatable
- Use YAML parser for profiles.tiki.org
Related links
- http://techmix.net/blog/2010/08/20/best-online-source-code-editor-collection-must-have-for-a-developer/
- http://smashinghub.com/40-useful-online-applications-for-web-designers-and-developers.htm
alias
- Syntax highlighter
- Syntax highlighting
- PluginCode
- web-based code editor
- Code Mirror
- CodeMirror
- webeditor
- web editor
Options
[+]Highlight.js
Brackets
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
ACE - Ajax.org Cloud9 Editor (LGPL'd)
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):
v3 Dogfood testing
Related
- Comparing ACE and CodeMirror on Ohloh.net
- http://sandeep.shetty.in/2011/05/codemirror-vs-ace.html
- http://www.chris-granger.com/2012/04/12/light-table---a-new-ide-concept/
- http://code.google.com/p/collide/
- http://techcrunch.com/2012/06/18/mozilla-launches-thimble-a-web-based-code-editor-for-teaching-html-and-css/
- http://java.dzone.com/articles/5-reasons-why-5-years-desktop
Realtime
Alias names for this page:
ACE | codeeditor | code editor
;){kind=link}
;){kind=link}
;){kind=link}
;){kind=link}