realworld.html 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <title>CodeMirror: Real-world uses</title>
  6. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Sans|Droid+Sans:bold"/>
  7. <link rel="stylesheet" type="text/css" href="docs.css"/>
  8. </head>
  9. <body>
  10. <h1><span class="logo-braces">{ }</span> <a href="http://codemirror.net/">CodeMirror</a></h1>
  11. <div class="grey">
  12. <img src="baboon.png" class="logo" alt="logo"/>
  13. <pre>
  14. /* Real world uses,
  15. full list */
  16. </pre>
  17. </div>
  18. <p><a href="mailto:marijnh@gmail.com">Contact me</a> if you'd like
  19. your project to be added to this list.</p>
  20. <ul>
  21. <li><a href="http://brackets.io">Adobe Brackets</a> (code editor)</li>
  22. <li><a href="http://amber-lang.net/">Amber</a> (JavaScript-based Smalltalk system)</li>
  23. <li><a href="http://apeye.org/">APEye</a> (tool for testing &amp; documenting APIs)</li>
  24. <li><a href="http://blog.bitbucket.org/2013/05/14/edit-your-code-in-the-cloud-with-bitbucket/">Bitbucket</a> (code hosting)</li>
  25. <li><a href="http://buzz.blogger.com/2013/04/improvements-to-blogger-template-html.html">Blogger's template editor</a></li>
  26. <li><a href="http://bluegriffon.org/">BlueGriffon</a> (HTML editor)</li>
  27. <li><a href="http://cargocollective.com/">Cargo Collective</a> (creative publishing platform)</li>
  28. <li><a href="http://clickhelp.co/">ClickHelp</a> (technical writing tool)</li>
  29. <li><a href="http://drupal.org/project/cpn">Code per Node</a> (Drupal module)</li>
  30. <li><a href="http://www.codebugapp.com/">Codebug</a> (PHP Xdebug front-end)</li>
  31. <li><a href="https://github.com/angelozerr/CodeMirror-Eclipse">CodeMirror Eclipse</a> (embed CM in Eclipse)</li>
  32. <li><a href="http://emmet.io/blog/codemirror-movie/">CodeMirror movie</a> (scripted editing demos)</li>
  33. <li><a href="http://code.google.com/p/codemirror2-gwt/">CodeMirror2-GWT</a> (Google Web Toolkit wrapper)</li>
  34. <li><a href="http://www.crunchzilla.com/code-monster">Code Monster</a> & <a href="http://www.crunchzilla.com/code-maven">Code Maven</a> (learning environment)</li>
  35. <li><a href="http://codepen.io">Codepen</a> (gallery of animations)</li>
  36. <li><a href="http://sasstwo.codeschool.com/levels/1/challenges/1">Code School</a> (online tech learning environment)</li>
  37. <li><a href="http://code-snippets.bungeshea.com/">Code Snippets</a> (WordPress snippet management plugin)</li>
  38. <li><a href="http://antonmi.github.io/code_together/">Code together</a> (collaborative editing)</li>
  39. <li><a href="http://codev.it/">Codev</a> (collaborative IDE)</li>
  40. <li><a href="http://ot.substance.io/demo/">Collaborative CodeMirror demo</a> (CodeMirror + operational transforms)</li>
  41. <li><a href="http://www.communitycodecamp.com/">Community Code Camp</a> (code snippet sharing)</li>
  42. <li><a href="http://www.ckwnc.com/">CKWNC</a> (UML editor)</li>
  43. <li><a href="http://cssdeck.com/">CSSDeck</a> (CSS showcase)</li>
  44. <li><a href="http://ireneros.com/deck/deck.js-codemirror/introduction/#textarea-code">Deck.js integration</a> (slides with editors)</li>
  45. <li><a href="http://www.dbninja.com">DbNinja</a> (MySQL access interface)</li>
  46. <li><a href="http://elm-lang.org/Examples.elm">Elm language examples</a></li>
  47. <li><a href="http://eloquentjavascript.net/chapter1.html">Eloquent JavaScript</a> (book)</li>
  48. <li><a href="http://emmet.io">Emmet</a> (fast XML editing)</li>
  49. <li><a href="http://www.fastfig.com/">Fastfig</a> (online computation/math tool)</li>
  50. <li><a href="https://metacpan.org/module/Farabi">Farabi</a> (modern Perl IDE)</li>
  51. <li><a href="http://blog.pamelafox.org/2012/02/interactive-html5-slides-with-fathomjs.html">FathomJS integration</a> (slides with editors, again)</li>
  52. <li><a href="http://www.firepad.io">Firepad</a> (collaborative text editor)</li>
  53. <li><a href="http://tour.golang.org">Go language tour</a></li>
  54. <li><a href="https://github.com/github/android">GitHub's Android app</a></li>
  55. <li><a href="https://script.google.com/">Google Apps Script</a></li>
  56. <li><a href="http://web.uvic.ca/~siefkenj/graphit/graphit.html">Graphit</a> (function graphing)</li>
  57. <li><a href="http://www.handcraft2.com/">Handcraft 2</a> (HTML prototyping)</li>
  58. <li><a href="http://try.haxe.org">Haxe</a> (Haxe Playground) </li>
  59. <li><a href="http://haxpad.com/">HaxPad</a> (editor for Win RT)</li>
  60. <li><a href="http://megafonweblab.github.com/histone-javascript/">Histone template engine playground</a></li>
  61. <li><a href="http://icecoder.net">ICEcoder</a> (web IDE)</li>
  62. <li><a href="http://www.janvas.com/">Janvas</a> (vector graphics editor)</li>
  63. <li><a href="http://extensions.joomla.org/extensions/edition/editors/8723">Joomla plugin</a></li>
  64. <li><a href="http://jqfundamentals.com/">jQuery fundamentals</a> (interactive tutorial)</li>
  65. <li><a href="http://jsbin.com">jsbin.com</a> (JS playground)</li>
  66. <li><a href="http://jsfiddle.com">jsfiddle.com</a> (another JS playground)</li>
  67. <li><a href="http://www.jshint.com/">JSHint</a> (JS linter)</li>
  68. <li><a href="http://jumpseller.com/">Jumpseller</a> (online store builder)</li>
  69. <li><a href="http://kl1p.com/cmtest/1">kl1p</a> (paste service)</li>
  70. <li><a href="http://www.chris-granger.com/2012/04/12/light-table---a-new-ide-concept/">Light Table</a> (experimental IDE)</li>
  71. <li><a href="http://www.mergely.com/">Mergely</a> (interactive diffing)</li>
  72. <li><a href="http://www.iunbug.com/mihtool">MIHTool</a> (iOS web-app debugging tool)</li>
  73. <li><a href="http://mongo-mapreduce-webbrowser.opensagres.cloudbees.net/">Mongo MapReduce WebBrowser</a></li>
  74. <li><a href="https://www.my2ndgeneration.com/">My2ndGeneration</a> (social coding)</li>
  75. <li><a href="http://www.navigatecms.com">Navigate CMS</a></li>
  76. <li><a href="https://notex.ch">NoTex</a> (rST authoring)</li>
  77. <li><a href="http://oakoutliner.com">Oak</a> (online outliner)</li>
  78. <li><a href="http://clrhome.org/asm/">ORG</a> (z80 assembly IDE)</li>
  79. <li><a href="https://github.com/mamacdon/orion-codemirror">Orion-CodeMirror integration</a> (running CodeMirror modes in Orion)</li>
  80. <li><a href="http://paperjs.org/">Paper.js</a> (graphics scripting)</li>
  81. <li><a href="http://prose.io/">Prose.io</a> (github content editor)</li>
  82. <li><a href="http://ql.io/">ql.io</a> (http API query helper)</li>
  83. <li><a href="http://qyapp.com">QiYun web app platform</a></li>
  84. <li><a href="http://ariya.ofilabs.com/2011/09/hybrid-webnative-desktop-codemirror.html">Qt+Webkit integration</a> (building a desktop CodeMirror app)</li>
  85. <li><a href="http://rascalmicro.com/docs/basic-tutorial-getting-started.html">Rascal</a> (tiny computer)</li>
  86. <li><a href="https://www.realtime.io/">RealTime.io</a> (Internet-of-Things infrastructure)</li>
  87. <li><a href="http://www.sketchpatch.net/labs/livecodelabIntro.html">sketchPatch Livecodelab</a></li>
  88. <li><a href="http://www.skulpt.org/">Skulpt</a> (in-browser Python environment)</li>
  89. <li><a href="http://snippets.pro/">Snippets.pro</a> (code snippet sharing)</li>
  90. <li><a href="http://www.solidshops.com/">SolidShops</a> (hosted e-commerce platform)</li>
  91. <li><a href="http://sqlfiddle.com">SQLFiddle</a> (SQL playground)</li>
  92. <li><a href="https://thefiletree.com">The File Tree</a> (collab editor)</li>
  93. <li><a href="http://www.toolsverse.com/products/data-explorer/">Toolsverse Data Explorer</a> (database management)</li>
  94. <li><a href="http://enjalot.com/tributary/2636296/sinwaves.js">Tributary</a> (augmented editing)</li>
  95. <li><a href="http://blog.englard.net/post/39608000629/codeintumblr">Tumblr code highlighting shim</a></li>
  96. <li><a href="http://turbopy.com/">TurboPY</a> (web publishing framework)</li>
  97. <li><a href="http://cruise.eecs.uottawa.ca/umpleonline/">UmpleOnline</a> (model-oriented programming tool)</li>
  98. <li><a href="https://upsource.jetbrains.com/#idea/view/923f30395f2603cd9f42a32bcafd13b6c28de0ff/plugins/groovy/src/org/jetbrains/plugins/groovy/intentions/style/ReplaceAbstractClassInstanceByMapIntention.java">Upsource</a> (code viewer)</li>
  99. <li><a href="http://webglplayground.net/">WebGL playground</a></li>
  100. <li><a href="http://www.wescheme.org/">WeScheme</a> (learning tool)</li>
  101. <li><a href="http://wordpress.org/extend/plugins/codemirror-for-codeeditor/">WordPress plugin</a></li>
  102. <li><a href="http://www.xosystem.org/home/applications_websites/xosystem_website/xoside_EN.php">XOSide</a> (online editor)</li>
  103. <li><a href="http://videlibri.sourceforge.net/cgi-bin/xidelcgi">XQuery tester</a></li>
  104. </ul>
  105. </body>
  106. </html>