realworld.html (16040B)
1 <!doctype html> 2 3 <title>CodeMirror: Real-world Uses</title> 4 <meta charset="utf-8"/> 5 <link rel=stylesheet href="docs.css"> 6 7 <div id=nav> 8 <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="logo.png"></a> 9 10 <ul> 11 <li><a href="../index.html">Home</a> 12 <li><a href="manual.html">Manual</a> 13 <li><a href="https://github.com/codemirror/codemirror">Code</a> 14 </ul> 15 <ul> 16 <li><a class=active href="#">Real-world uses</a> 17 </ul> 18 </div> 19 20 <article> 21 22 <h2>CodeMirror real-world uses</h2> 23 24 <p>Create a <a href="https://github.com/codemirror/codemirror">pull 25 request</a> if you'd like your project to be added to this list.</p> 26 27 <ul> 28 <li><a href="http://brackets.io">Adobe Brackets</a> (code editor)</li> 29 <li><a href="http://alm.tools">ALM Tools</a> (TypeScript powered IDE)</li> 30 <li><a href="http://amber-lang.net/">Amber</a> (JavaScript-based Smalltalk system)</li> 31 <li><a href="http://apeye.org/">APEye</a> (tool for testing & documenting APIs)</li> 32 <li><a href="https://github.com/google/appengine-codiad">Appengine Codiad</a></li> 33 <li><a href="https://chrome.google.com/webstore/detail/better-text-viewer/lcaidopdffhfemoefoaadecppnjdknkc">Better Text Viewer</a> (plain text reader app for Chrome)</li> 34 <li><a href="http://blog.bitbucket.org/2013/05/14/edit-your-code-in-the-cloud-with-bitbucket/">Bitbucket</a> (code hosting)</li> 35 <li><a href="https://blogger.googleblog.com/2013/04/improvements-to-blogger-template-html.html">Blogger's theme editor</a></li> 36 <li><a href="http://bluegriffon.org/">BlueGriffon</a> (HTML editor)</li> 37 <li><a href="https://github.com/isdampe/BosonEditorExperimental">Boson Editor</a> (code editor)</li> 38 <li><a href="http://cargocollective.com/">Cargo Collective</a> (creative publishing platform)</li> 39 <li><a href="https://developers.google.com/chrome-developer-tools/">Chrome DevTools</a></li> 40 <li><a href="http://clickhelp.co/">ClickHelp</a> (technical writing tool)</li> 41 <li><a href="http://code.world/">CodeWorld</a> (Haskell playground)</li> 42 <li><a href="http://complete-ly.appspot.com/playground/code.playground.html">Complete.ly playground</a></li> 43 <li><a href="https://codeanywhere.com/">Codeanywhere</a> (multi-platform cloud editor)</li> 44 <li><a href="http://drupal.org/project/cpn">Code per Node</a> (Drupal module)</li> 45 <li><a href="https://codebitt.com/">CodeBitt</a> (Code snippet sharing)</li> 46 <li><a href="http://www.codebugapp.com/">Codebug</a> (PHP Xdebug front-end)</li> 47 <li><a href="http://codefights.com/">CodeFights</a> (practice programming)</li> 48 <li><a href="https://github.com/angelozerr/CodeMirror-Eclipse">CodeMirror Eclipse</a> (embed CM in Eclipse)</li> 49 <li><a href="http://emmet.io/blog/codemirror-movie/">CodeMirror movie</a> (scripted editing demos)</li> 50 <li><a href="http://code.google.com/p/codemirror2-gwt/">CodeMirror2-GWT</a> (Google Web Toolkit wrapper)</li> 51 <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> 52 <li><a href="http://codepen.io">Codepen</a> (gallery of animations)</li> 53 <li><a href="https://coderpad.io/">Coderpad</a> (interviewing tool)</li> 54 <li><a href="http://sasstwo.codeschool.com/levels/1/challenges/1">Code School</a> (online tech learning environment)</li> 55 <li><a href="http://code-snippets.bungeshea.com/">Code Snippets</a> (WordPress snippet management plugin)</li> 56 <li><a href="http://antonmi.github.io/code_together/">Code together</a> (collaborative editing)</li> 57 <li><a href="http://codev.it/">Codev</a> (collaborative IDE)</li> 58 <li><a href="https://www.codevolve.com/">Codevolve</a> (programming lessons as-a-service)</li> 59 <li><a href="http://www.codezample.com">CodeZample</a> (code snippet sharing)</li> 60 <li><a href="http://codio.com">Codio</a> (Web IDE)</li> 61 <li><a href="https://www.codiva.io/">Codiva.io</a> (Online Java Compiler and IDE with auto-completion and error highlighting)</li> 62 <li><a href="http://www.communitycodecamp.com/">Community Code Camp</a> (code snippet sharing)</li> 63 <li><a href="http://www.compilejava.net/">compilejava.net</a> (online Java sandbox)</li> 64 <li><a href="http://www.ckwnc.com/">CKWNC</a> (UML editor)</li> 65 <li><a href="http://www.crossui.com/">CrossUI</a> (cross-platform UI builder)</li> 66 <li><a href="http://rsnous.com/cruncher/">Cruncher</a> (notepad with calculation features)</li> 67 <li><a href="http://www.crudzilla.com/">Crudzilla</a> (self-hosted web IDE)</li> 68 <li><a href="http://cssdeck.com/">CSSDeck</a> (CSS showcase)</li> 69 <li><a href="http://ireneros.com/deck/deck.js-codemirror/introduction/#textarea-code">Deck.js integration</a> (slides with editors)</li> 70 <li><a href="http://www.dbninja.com">DbNinja</a> (MySQL access interface)</li> 71 <li><a href="http://www.ecsspert.com/">eCSSpert</a> (CSS demos and experiments)</li> 72 <li><a href="http://elm-lang.org/Examples.elm">Elm language examples</a></li> 73 <li><a href="http://eloquentjavascript.net/chapter1.html">Eloquent JavaScript</a> (book)</li> 74 <li><a href="http://emmet.io">Emmet</a> (fast XML editing)</li> 75 <li><a href="https://github.com/espruino/EspruinoWebIDE">Espruino Web IDE</a> (Chrome App for writing code on Espruino devices)</li> 76 <li><a href="http://www.fastfig.com/">Fastfig</a> (online computation/math tool)</li> 77 <li><a href="https://metacpan.org/module/Farabi">Farabi</a> (modern Perl IDE)</li> 78 <li><a href="http://blog.pamelafox.org/2012/02/interactive-html5-slides-with-fathomjs.html">FathomJS integration</a> (slides with editors, again)</li> 79 <li><a href="http://fiddlesalad.com/">Fiddle Salad</a> (web development environment)</li> 80 <li><a href="https://github.com/simogeo/Filemanager">Filemanager</a></li> 81 <li><a href="https://hacks.mozilla.org/2013/11/firefox-developer-tools-episode-27-edit-as-html-codemirror-more/">Firefox Developer Tools</a></li> 82 <li><a href="http://www.firepad.io">Firepad</a> (collaborative text editor)</li> 83 <li><a href="https://gerritcodereview.com/">Gerrit</a>'s diff view and inline editor</li> 84 <li><a href="https://github.com/maks/git-crx">Git Crx</a> (Chrome App for browsing local git repos)</li> 85 <li><a href="https://github.com/github/android">GitHub's Android app</a></li> 86 <li><a href="https://github.com/">Github</a>'s in-browser edit feature</li> 87 <li><a href="https://glitch.com/">Glitch</a> (community-driven app building)</li> 88 <li><a href="http://tour.golang.org">Go language tour</a></li> 89 <li><a href="https://script.google.com/">Google Apps Script</a></li> 90 <li><a href="http://web.uvic.ca/~siefkenj/graphit/graphit.html">Graphit</a> (function graphing)</li> 91 <li><a href="https://hackmd.io">HackMD</a> (Realtime collaborative markdown notes on all platforms)</li> 92 <li><a href="http://www.handcraft.com/">Handcraft</a> (HTML prototyping)</li> 93 <li><a href="http://hawkee.com/">Hawkee</a></li> 94 <li><a href="http://try.haxe.org">Haxe</a> (Haxe Playground) </li> 95 <li><a href="http://haxpad.com/">HaxPad</a> (editor for Win RT)</li> 96 <li><a href="http://megafonweblab.github.com/histone-javascript/">Histone template engine playground</a></li> 97 <li><a href="http://www.homegenie.it/docs/automation_getstarted.php">Homegenie</a> (home automation server)</li> 98 <li><a href="http://icecoder.net">ICEcoder</a> (web IDE)</li> 99 <li><a href="http://ipython.org/">IPython</a> (interactive computing shell)</li> 100 <li><a href="https://joelpinheiro.github.io/itrading/">iTrading</a> (Algorithmic Trading)</li> 101 <li><a href="http://i-mos.org/imos/">i-MOS</a> (modeling and simulation platform)</li> 102 <li><a href="http://www.janvas.com/">Janvas</a> (vector graphics editor)</li> 103 <li><a href="http://extensions.joomla.org/extensions/edition/editors/8723">Joomla plugin</a></li> 104 <li><a href="http://jqfundamentals.com/">jQuery fundamentals</a> (interactive tutorial)</li> 105 <li><a href="http://jsbin.com">jsbin.com</a> (JS playground)</li> 106 <li><a href="http://tool.jser.com/preprocessor">JSER preprocessor</a></li> 107 <li><a href="https://github.com/kucherenko/jscpd">jscpd</a> (code duplication detector)</li> 108 <li><a href="http://jsfiddle.net">JSFiddle</a> (another JS playground)</li> 109 <li><a href="http://www.jshint.com/">JSHint</a> (JS linter)</li> 110 <li><a href="http://jumpseller.com/">Jumpseller</a> (online store builder)</li> 111 <li><a href="http://kl1p.com/cmtest/1">kl1p</a> (paste service)</li> 112 <li><a href="http://www.kodhus.com/kodity/">Kodit</a></li> 113 <li><a href="http://kodtest.com/">Kodtest</a> (HTML/JS/CSS playground)</li> 114 <li><a href="http://try.kotlinlang.org">Kotlin</a> (web-based mini-IDE for Kotlin)</li> 115 <li><a href="http://lighttable.com/">Light Table</a> (experimental IDE)</li> 116 <li><a href="http://liveweave.com/">Liveweave</a> (HTML/CSS/JS scratchpad)</li> 117 <li><a href="https://github.com/TuvaLabs/markdown-delight-editor">Markdown Delight Editor</a> (extensible markdown editor polymer component)</li> 118 <li><a href="http://marklighteditor.com/">Marklight editor</a> (lightweight markup editor)</li> 119 <li><a href="http://www.mergely.com/">Mergely</a> (interactive diffing)</li> 120 <li><a href="http://www.iunbug.com/mihtool">MIHTool</a> (iOS web-app debugging tool)</li> 121 <li><a href="http://mscgen.js.org/index.html">mscgen_js</a> (online sequence chart editor)</li> 122 <li><a href="http://mvcplayground.apphb.com/">MVC Playground</a></li> 123 <li><a href="http://www.navigatecms.com">Navigate CMS</a></li> 124 <li><a href="https://github.com/soliton4/nodeMirror">nodeMirror</a> (IDE project)</li> 125 <li><a href="https://notex.ch">NoTex</a> (rST authoring)</li> 126 <li><a href="https://nteract.io">nteract</a> (interactive literate coding notebook)</li> 127 <li><a href="http://oakoutliner.com">Oak</a> (online outliner)</li> 128 <li><a href="http://www.greycampus.com/opencampus">OpenCampus</a></li> 129 <li><a href="http://clrhome.org/asm/">ORG</a> (z80 assembly IDE)</li> 130 <li><a href="https://github.com/mamacdon/orion-codemirror">Orion-CodeMirror integration</a> (running CodeMirror modes in Orion)</li> 131 <li><a href="http://paperjs.org/">Paper.js</a> (graphics scripting)</li> 132 <li><a href="http://pharaoh.js.org/">Pharaoh</a> (browser & desktop editor for the classroom)</li> 133 <li><a href="http://prinbit.com/">PrinBit</a> (collaborative coding tool)</li> 134 <li><a href="http://prose.io/">Prose.io</a> (github content editor)</li> 135 <li><a href="https://pypi.python.org/pypi/PubliForge/">PubliForge</a> (online publishing system)</li> 136 <li><a href="http://www.puzzlescript.net/">Puzzlescript</a> (puzzle game engine)</li> 137 <li><a href="https://chrome.google.com/webstore/detail/quantum/hmnlklahndgbhdoclhdnoafhafbhmnkm?hl=en-US">Quantum</a> (code editor for Chrome OS)</li> 138 <li><a href="http://ariya.ofilabs.com/2011/09/hybrid-webnative-desktop-codemirror.html">Qt+Webkit integration</a> (building a desktop CodeMirror app)</li> 139 <li><a href="http://www.quivive-file-manager.com">Quivive File Manager</a></li> 140 <li><a href="http://rascalmicro.com/docs/basic-tutorial-getting-started.html">Rascal</a> (tiny computer)</li> 141 <li><a href="https://www.realtime.io/">RealTime.io</a> (Internet-of-Things infrastructure)</li> 142 <li><a href="http://refork.com/">Refork</a> (animation demo gallery and sharing)</li> 143 <li><a href="http://sagecell.sagemath.org">SageMathCell</a> (interactive mathematical software)</li> 144 <li><a href="https://cloud.sagemath.com/">SageMathCloud</a> (interactive mathematical software environment)</li> 145 <li><a href="https://chrome.google.com/webstore/detail/servephp/mnpikomdchjhkhbhmbboehfdjkobbfpo">ServePHP</a> (PHP code testing in Chrome dev tools)</li> 146 <li><a href="http://scala-lang.org/blog/2017/02/20/introducing-scastie.html">Scastie</a> (Scala playground)</li> 147 <li><a href="https://www.shadertoy.com/">Shadertoy</a> (shader sharing)</li> 148 <li><a href="http://www.sketchpatch.net/labs/livecodelabIntro.html">sketchPatch Livecodelab</a></li> 149 <li><a href="http://www.skulpt.org/">Skulpt</a> (in-browser Python environment)</li> 150 <li><a href="https://www.sourcelair.com">SourceLair</a> (in-browser IDE for Django, Node.js, PHP and HTML5)</li> 151 <li><a href="http://snaptomato.appspot.com/editor.html">Snap Tomato</a> (HTML editing/testing page)</li> 152 <li><a href="http://snippets.pro/">Snippets.pro</a> (code snippet sharing)</li> 153 <li><a href="http://www.solidshops.com/">SolidShops</a> (hosted e-commerce platform)</li> 154 <li><a href="http://www.cemetech.net/sc/">SourceCoder 3</a> (online calculator IDE and editor)</li> 155 <li><a href="http://sqlfiddle.com">SQLFiddle</a> (SQL playground)</li> 156 <li><a href="http://www.subte.org/page/programar-ta-te-ti-online/">SubTe</a> (AI bot programming environment)</li> 157 <li><a href="http://xuanji.appspot.com/isicp/">Structure and Interpretation of Computer Programs</a>, Interactive Version</li> 158 <li><a href="http://syframework.alwaysdata.net">SyBox</a> (PHP playground)</li> 159 <li><a href="http://www.tagspaces.org/">TagSpaces</a> (personal data manager)</li> 160 <li><a href="https://textbox.io/">Textbox.io</a> (WYSIWYG rich text editor)</a></li> 161 <li><a href="https://thefiletree.com">The File Tree</a> (collab editor)</li> 162 <li><a href="http://www.mapbox.com/tilemill/">TileMill</a> (map design tool)</li> 163 <li><a href="http://doc.tiki.org/Syntax+Highlighter">Tiki</a> (wiki CMS groupware)</li> 164 <li><a href="http://www.toolsverse.com/products/data-explorer/">Toolsverse Data Explorer</a> (database management)</li> 165 <li><a href="http://blog.englard.net/post/39608000629/codeintumblr">Tumblr code highlighting shim</a></li> 166 <li><a href="http://turbopy.com/">TurboPY</a> (web publishing framework)</li> 167 <li><a href="http://cruise.eecs.uottawa.ca/umpleonline/">UmpleOnline</a> (model-oriented programming tool)</li> 168 <li><a href="https://upsource.jetbrains.com/idea-ce/file/idea-ce-7706e7832aa9e2fd0c2decdb5cbef2225692c696/platform/platform-impl/src/com/intellij/openapi/editor/impl/EditorFactoryImpl.java">Upsource</a> (code browser and review tool)</li> 169 <li><a href="https://github.com/mgaitan/waliki">Waliki</a> (wiki engine)</li> 170 <li><a href="http://wamer.net/">Wamer</a> (web application builder)</li> 171 <li><a href="https://github.com/brettz9/webappfind">webappfind</a> (windows file bindings for webapps)</li> 172 <li><a href="http://www.webglacademy.com/">WebGL academy</a> (learning WebGL)</li> 173 <li><a href="http://webglplayground.net/">WebGL playground</a></li> 174 <li><a href="https://www.webkit.org/blog/2518/state-of-web-inspector/#source-code">WebKit Web inspector</a></li> 175 <li><a href="http://www.wescheme.org/">WeScheme</a> (learning tool)</li> 176 <li><a href="https://github.com/b3log/wide">Wide</a> (golang web IDE)</li> 177 <li><a href="http://wordpress.org/extend/plugins/codemirror-for-codeeditor/">WordPress plugin</a></li> 178 <li><a href="https://www.writelatex.com">writeLaTeX</a> (Collaborative LaTeX Editor)</li> 179 <li><a href="http://www.xosystem.org/home/applications_websites/xosystem_website/xoside_EN.php">XOSide</a> (online editor)</li> 180 <li><a href="http://videlibri.sourceforge.net/cgi-bin/xidelcgi">XQuery tester</a></li> 181 <li><a href="http://q42jaap.github.io/xsd2codemirror/">xsd2codemirror</a> (convert XSD to CM XML completion info)</li> 182 <li><a href="http://www.yacas.org/yacas_online/yacas_online.html">Yacas Online</a> (interactive mathematical software)</li> 183 </ul> 184 185 </article> 186