Field with fieldId: 150 not found in definition of 5
What we want
* http://en.wikipedia.org/wiki/Comparison_of_JavaScript-based_source_code_editors
* With realtime [http://en.wikipedia.org/wiki/Syntax_highlighting|Syntax highlighting]
* Compatible with our ((tw: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 [http://www.jspwiki.org/wiki/WikiWizard|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
{wishes filtervalue="284" status="o"}
!!!Pending
{wishes filtervalue="284" status="p"}
!!!Closed
{wishes filtervalue="284" status="c"}
! 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))
** ((doc:Edit CSS)) -> --Use CSS here: tiki-edit_css.php-- done in 9.2
** ((doc:Edit Templates)) -> Use Smarty here: tiki-edit_templates.php
# add syntaxes
** --[http://www.google.com/search?q=codemirror+yaml|YAML], useful for ((profiles))-- done
** --[http://www.google.com/search?q=codemirror+smarty|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 {sign user="marclaporte" datetime="2013-01-31T20:38:46+00:00"}
* 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.
*** {QUOTE(replyto="Marijn Haverbeke on the mailing list")}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.{QUOTE}
**** 2013-11-17: still an issue in 12.x with CodeMirror 3.x {sign user="marclaporte" datetime="2013-11-17T22:25:43+00:00"}
* 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]
* [http://tiki.org/tiki-view_forum_thread.php?comments_parentId=45746|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 [http://article.gmane.org/gmane.comp.cms.tiki.devel/20766|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 [http://codemirror.net/mode/yaml/index.html|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
! 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=-
* (alias(Syntax highlighter))
* (alias(Syntax highlighting))
* (alias(PluginCode))
* (alias(web-based code editor))
* (alias(Code Mirror))
* (alias(CodeMirror))
* (alias(webeditor))
* (alias(web editor))
!- Options
!! Highlight.js
{HTML()}<script type='text/javascript' src='https://www.openhub.net/p/highlight_js/widgets/project_factoids_stats?format=js'></script>{HTML}
!! 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 ([http://www.undermyhat.org/blog/2009/09/list-of-brushes-syntaxhighligher/|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))
! Related
* [https://www.ohloh.net/p/compare?project_0=CodeMirror&project_1=ACE+-+Ajax.org+Cloud9+Editor&submit_1=Go|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
* http://www.tokbox.com/blog/collaborative-editor/
! Alias names for this page:
(alias(ACE)) | (alias(codeeditor)) | (alias(code editor))