2019-07-28 14:57:52 +02:00
<!doctype html>
< title > CodeMirror: Real-world Uses< / title >
< meta charset = "utf-8" / >
< link rel = stylesheet href = "docs.css" >
< div id = nav >
< a href = "https://codemirror.net" > < h1 > CodeMirror< / h1 > < img id = logo src = "logo.png" > < / a >
< ul >
< li > < a href = "../index.html" > Home< / a >
< li > < a href = "manual.html" > Manual< / a >
< li > < a href = "https://github.com/codemirror/codemirror" > Code< / a >
< / ul >
< ul >
< li > < a class = active href = "#" > Real-world uses< / a >
< / ul >
< / div >
< article >
< h2 > CodeMirror real-world uses< / h2 >
< p > Create a < a href = "https://github.com/codemirror/codemirror" > pull
request< / a > if you'd like your project to be added to this list.< / p >
< ul >
2020-10-02 13:05:50 +02:00
< li > < a href = "https://www.adaface.com/pair-pro" > Adaface PairPro< / a > (Shared code editor with compiler and video conferencing)< / li >
2019-07-28 14:57:52 +02:00
< li > < a href = "http://brackets.io" > Adobe Brackets< / a > (code editor)< / li >
2020-10-02 13:05:50 +02:00
< li > < a href = "http://adnuntius.com" > Adnuntius< / a > (used for in-browser code editing and version history)< / li >
2019-07-28 14:57:52 +02:00
< li > < a href = "http://alm.tools" > ALM Tools< / a > (TypeScript powered IDE)< / li >
< li > < a href = "http://amber-lang.net/" > Amber< / a > (JavaScript-based Smalltalk system)< / li >
< li > < a href = "http://apeye.org/" > APEye< / a > (tool for testing & documenting APIs)< / li >
< li > < a href = "https://github.com/google/appengine-codiad" > Appengine Codiad< / a > < / li >
< li > < a href = "https://chrome.google.com/webstore/detail/better-text-viewer/lcaidopdffhfemoefoaadecppnjdknkc" > Better Text Viewer< / a > (plain text reader app for Chrome)< / li >
< li > < a href = "http://blog.bitbucket.org/2013/05/14/edit-your-code-in-the-cloud-with-bitbucket/" > Bitbucket< / a > (code hosting)< / li >
< li > < a href = "https://blogger.googleblog.com/2013/04/improvements-to-blogger-template-html.html" > Blogger's theme editor< / a > < / li >
< li > < a href = "http://bluegriffon.org/" > BlueGriffon< / a > (HTML editor)< / li >
< li > < a href = "https://bnfplayground.pauliankline.com/" > BNF Playground< / a > (grammar workbench)< / li >
< li > < a href = "https://github.com/isdampe/BosonEditorExperimental" > Boson Editor< / a > (code editor)< / li >
< li > < a href = "http://cargocollective.com/" > Cargo Collective< / a > (creative publishing platform)< / li >
< li > < a href = "https://developers.google.com/chrome-developer-tools/" > Chrome DevTools< / a > < / li >
< li > < a href = "http://clickhelp.co/" > ClickHelp< / a > (technical writing tool)< / li >
2020-10-02 13:05:50 +02:00
< li > < a href = "https://clone-it.github.io/" > Clone-It< / a > (HTML & CSS learning game)< / li >
2019-07-28 14:57:52 +02:00
< li > < a href = "https://electronjs.org/apps/colon" > Colon< / a > (A flexible text editor or IDE)< / li >
< li > < a href = "http://code.world/" > CodeWorld< / a > (Haskell playground)< / li >
< li > < a href = "http://complete-ly.appspot.com/playground/code.playground.html" > Complete.ly playground< / a > < / li >
< li > < a href = "https://codeanywhere.com/" > Codeanywhere< / a > (multi-platform cloud editor)< / li >
< li > < a href = "http://drupal.org/project/cpn" > Code per Node< / a > (Drupal module)< / li >
< li > < a href = "https://codebitt.com/" > CodeBitt< / a > (Code snippet sharing)< / li >
< li > < a href = "http://www.codebugapp.com/" > Codebug< / a > (PHP Xdebug front-end)< / li >
< li > < a href = "http://codefights.com/" > CodeFights< / a > (practice programming)< / li >
< li > < a href = "https://github.com/angelozerr/CodeMirror-Eclipse" > CodeMirror Eclipse< / a > (embed CM in Eclipse)< / li >
< li > < a href = "http://emmet.io/blog/codemirror-movie/" > CodeMirror movie< / a > (scripted editing demos)< / li >
2020-10-02 13:05:50 +02:00
< li > < a href = "https://github.com/haoranyu/codemirror-record/" > CodeMirror Record< / a > (codemirror activity recording and playback)< / li >
2019-07-28 14:57:52 +02:00
< li > < a href = "http://code.google.com/p/codemirror2-gwt/" > CodeMirror2-GWT< / a > (Google Web Toolkit wrapper)< / li >
< 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 >
< li > < a href = "http://codepen.io" > Codepen< / a > (gallery of animations)< / li >
< li > < a href = "https://github.com/pepstock-org/Coderba" > Coderba< / a > Google Web Toolkit (GWT) wrapper< / li >
< li > < a href = "https://coderpad.io/" > Coderpad< / a > (interviewing tool)< / li >
< li > < a href = "http://sasstwo.codeschool.com/levels/1/challenges/1" > Code School< / a > (online tech learning environment)< / li >
< li > < a href = "http://code-snippets.bungeshea.com/" > Code Snippets< / a > (WordPress snippet management plugin)< / li >
< li > < a href = "http://antonmi.github.io/code_together/" > Code together< / a > (collaborative editing)< / li >
< li > < a href = "https://www.codevolve.com/" > Codevolve< / a > (programming lessons as-a-service)< / li >
< li > < a href = "http://www.codezample.com" > CodeZample< / a > (code snippet sharing)< / li >
< li > < a href = "http://codio.com" > Codio< / a > (Web IDE)< / li >
< li > < a href = "https://www.codiva.io/" > Codiva.io< / a > (Online Java Compiler and IDE with auto-completion and error highlighting)< / li >
< li > < a href = "http://www.communitycodecamp.com/" > Community Code Camp< / a > (code snippet sharing)< / li >
< li > < a href = "http://www.compilejava.net/" > compilejava.net< / a > (online Java sandbox)< / li >
< li > < a href = "http://www.ckwnc.com/" > CKWNC< / a > (UML editor)< / li >
< li > < a href = "http://www.crossui.com/" > CrossUI< / a > (cross-platform UI builder)< / li >
< li > < a href = "http://rsnous.com/cruncher/" > Cruncher< / a > (notepad with calculation features)< / li >
< li > < a href = "http://www.crudzilla.com/" > Crudzilla< / a > (self-hosted web IDE)< / li >
< li > < a href = "http://cssdeck.com/" > CSSDeck< / a > (CSS showcase)< / li >
< li > < a href = "http://ireneros.com/deck/deck.js-codemirror/introduction/#textarea-code" > Deck.js integration< / a > (slides with editors)< / li >
< li > < a href = "http://www.dbninja.com" > DbNinja< / a > (MySQL access interface)< / li >
< li > < a href = "http://www.ecsspert.com/" > eCSSpert< / a > (CSS demos and experiments)< / li >
< li > < a href = "https://edabit.com" > Edabit< / a > (coding challenges)< / li >
< li > < a href = "http://elm-lang.org/Examples.elm" > Elm language examples< / a > < / li >
< li > < a href = "http://eloquentjavascript.net/chapter1.html" > Eloquent JavaScript< / a > (book)< / li >
< li > < a href = "http://emmet.io" > Emmet< / a > (fast XML editing)< / li >
< li > < a href = "https://github.com/espruino/EspruinoWebIDE" > Espruino Web IDE< / a > (Chrome App for writing code on Espruino devices)< / li >
< li > < a href = "https://exlskills.com/learn-en/talent/interviews" > EXLskills Live Interivews< / a > < / li >
< li > < a href = "http://www.fastfig.com/" > Fastfig< / a > (online computation/math tool)< / li >
< li > < a href = "https://metacpan.org/module/Farabi" > Farabi< / a > (modern Perl IDE)< / li >
< li > < a href = "http://blog.pamelafox.org/2012/02/interactive-html5-slides-with-fathomjs.html" > FathomJS integration< / a > (slides with editors, again)< / li >
< li > < a href = "http://fiddlesalad.com/" > Fiddle Salad< / a > (web development environment)< / li >
< li > < a href = "https://github.com/simogeo/Filemanager" > Filemanager< / a > < / li >
< li > < a href = "https://hacks.mozilla.org/2013/11/firefox-developer-tools-episode-27-edit-as-html-codemirror-more/" > Firefox Developer Tools< / a > < / li >
< li > < a href = "http://www.firepad.io" > Firepad< / a > (collaborative text editor)< / li >
< li > < a href = "https://gerritcodereview.com/" > Gerrit< / a > 's diff view and inline editor< / li >
< li > < a href = "https://github.com/maks/git-crx" > Git Crx< / a > (Chrome App for browsing local git repos)< / li >
< li > < a href = "https://github.com/github/android" > GitHub's Android app< / a > < / li >
< li > < a href = "https://github.com/" > Github< / a > 's in-browser edit feature< / li >
< li > < a href = "https://glitch.com/" > Glitch< / a > (community-driven app building)< / li >
< li > < a href = "http://tour.golang.org" > Go language tour< / a > < / li >
< li > < a href = "https://script.google.com/" > Google Apps Script< / a > < / li >
< li > < a href = "http://web.uvic.ca/~siefkenj/graphit/graphit.html" > Graphit< / a > (function graphing)< / li >
< li > < a href = "https://hackmd.io" > HackMD< / a > (Realtime collaborative markdown notes on all platforms)< / li >
< li > < a href = "http://www.handcraft.com/" > Handcraft< / a > (HTML prototyping)< / li >
< li > < a href = "http://hawkee.com/" > Hawkee< / a > < / li >
< li > < a href = "http://try.haxe.org" > Haxe< / a > (Haxe Playground) < / li >
< li > < a href = "http://haxpad.com/" > HaxPad< / a > (editor for Win RT)< / li >
< li > < a href = "http://megafonweblab.github.com/histone-javascript/" > Histone template engine playground< / a > < / li >
< li > < a href = "http://www.homegenie.it/docs/automation_getstarted.php" > Homegenie< / a > (home automation server)< / li >
< li > < a href = "http://icecoder.net" > ICEcoder< / a > (web IDE)< / li >
2020-10-02 13:05:50 +02:00
< li > < a href = "https://innovay.app/formatter/html" > Innovay Web Tools< / a > (HTML, JS, CSS code beautifier)< / li >
< li > < a href = "https://www.intervue.io" > Intervue< / a > (Pair programming for interviews)< / li >
2019-07-28 14:57:52 +02:00
< li > < a href = "http://ipython.org/" > IPython< / a > (interactive computing shell)< / li >
< li > < a href = "https://joelpinheiro.github.io/itrading/" > iTrading< / a > (Algorithmic Trading)< / li >
< li > < a href = "http://i-mos.org/imos/" > i-MOS< / a > (modeling and simulation platform)< / li >
< li > < a href = "http://www.janvas.com/" > Janvas< / a > (vector graphics editor)< / li >
< li > < a href = "https://code.wetrafa.xyz/" > JdBEdit< / a > (web IDE)< / li >
< li > < a href = "http://extensions.joomla.org/extensions/edition/editors/8723" > Joomla plugin< / a > < / li >
< li > < a href = "http://jqfundamentals.com/" > jQuery fundamentals< / a > (interactive tutorial)< / li >
< li > < a href = "http://jsbin.com" > jsbin.com< / a > (JS playground)< / li >
< li > < a href = "http://tool.jser.com/preprocessor" > JSER preprocessor< / a > < / li >
< li > < a href = "https://github.com/kucherenko/jscpd" > jscpd< / a > (code duplication detector)< / li >
< li > < a href = "http://jsfiddle.net" > JSFiddle< / a > (another JS playground)< / li >
< li > < a href = "http://www.jshint.com/" > JSHint< / a > (JS linter)< / li >
< li > < a href = "http://jumpseller.com/" > Jumpseller< / a > (online store builder)< / li >
< li > < a href = "http://kl1p.com/cmtest/1" > kl1p< / a > (paste service)< / li >
< li > < a href = "http://www.kodhus.com/kodity/" > Kodit< / a > < / li >
< li > < a href = "http://kodtest.com/" > Kodtest< / a > (HTML/JS/CSS playground)< / li >
< li > < a href = "http://try.kotlinlang.org" > Kotlin< / a > (web-based mini-IDE for Kotlin)< / li >
< li > < a href = "http://lighttable.com/" > Light Table< / a > (experimental IDE)< / li >
< li > < a href = "http://liveweave.com/" > Liveweave< / a > (HTML/CSS/JS scratchpad)< / li >
< li > < a href = "https://liveuml.com/" > LiveUML< / a > (PlantUML online editor)< / li >
< li > < a href = "https://github.com/TuvaLabs/markdown-delight-editor" > Markdown Delight Editor< / a > (extensible markdown editor polymer component)< / li >
< li > < a href = "http://marklighteditor.com/" > Marklight editor< / a > (lightweight markup editor)< / li >
< li > < a href = "http://www.mergely.com/" > Mergely< / a > (interactive diffing)< / li >
< li > < a href = "http://www.iunbug.com/mihtool" > MIHTool< / a > (iOS web-app debugging tool)< / li >
< li > < a href = "http://mscgen.js.org/index.html" > mscgen_js< / a > (online sequence chart editor)< / li >
< li > < a href = "http://mvcplayground.apphb.com/" > MVC Playground< / a > < / li >
< li > < a href = "http://www.navigatecms.com" > Navigate CMS< / a > < / li >
< li > < a href = "https://github.com/soliton4/nodeMirror" > nodeMirror< / a > (IDE project)< / li >
< li > < a href = "https://notex.ch" > NoTex< / a > (rST authoring)< / li >
< li > < a href = "https://nteract.io" > nteract< / a > (interactive literate coding notebook)< / li >
< li > < a href = "http://oakoutliner.com" > Oak< / a > (online outliner)< / li >
< li > < a href = "http://www.greycampus.com/opencampus" > OpenCampus< / a > < / li >
< li > < a href = "http://clrhome.org/asm/" > ORG< / a > (z80 assembly IDE)< / li >
< li > < a href = "https://github.com/mamacdon/orion-codemirror" > Orion-CodeMirror integration< / a > (running CodeMirror modes in Orion)< / li >
< li > < a href = "http://paperjs.org/" > Paper.js< / a > (graphics scripting)< / li >
< li > < a href = "http://pharaoh.js.org/" > Pharaoh< / a > (browser & desktop editor for the classroom)< / li >
< li > < a href = "http://prinbit.com/" > PrinBit< / a > (collaborative coding tool)< / li >
< li > < a href = "https://www.pramp.com/ref/codemirror" > Pramp< / a > (free platform to practice mock interviews and coding problems)< / li >
< li > < a href = "http://prose.io/" > Prose.io< / a > (github content editor)< / li >
< li > < a href = "https://pypi.python.org/pypi/PubliForge/" > PubliForge< / a > (online publishing system)< / li >
< li > < a href = "http://www.puzzlescript.net/" > Puzzlescript< / a > (puzzle game engine)< / li >
< li > < a href = "https://chrome.google.com/webstore/detail/quantum/hmnlklahndgbhdoclhdnoafhafbhmnkm?hl=en-US" > Quantum< / a > (code editor for Chrome OS)< / li >
< li > < a href = "http://ariya.ofilabs.com/2011/09/hybrid-webnative-desktop-codemirror.html" > Qt+Webkit integration< / a > (building a desktop CodeMirror app)< / li >
< li > < a href = "http://www.quivive-file-manager.com" > Quivive File Manager< / a > < / li >
< li > < a href = "https://racktables.org" > RackTables< / a > (data centre resources manager)< / li >
< li > < a href = "http://rascalmicro.com/docs/basic-tutorial-getting-started.html" > Rascal< / a > (tiny computer)< / li >
< li > < a href = "https://www.realtime.io/" > RealTime.io< / a > (Internet-of-Things infrastructure)< / li >
< li > < a href = "http://refork.com/" > Refork< / a > (animation demo gallery and sharing)< / li >
< li > < a href = "http://sagecell.sagemath.org" > SageMathCell< / a > (interactive mathematical software)< / li >
2020-10-02 13:05:50 +02:00
< li > < a href = "https://www.sass2css.online/" > SASS2CSS< / a > (SASS, SCSS or LESS to CSS converter and CSS beautifier)< / li >
2019-07-28 14:57:52 +02:00
< li > < a href = "https://cloud.sagemath.com/" > SageMathCloud< / a > (interactive mathematical software environment)< / li >
< li > < a href = "https://github.com/szekelymilan/salvare" > salvare< / a > (real-time collaborative code editor)< / li >
< li > < a href = "https://chrome.google.com/webstore/detail/servephp/mnpikomdchjhkhbhmbboehfdjkobbfpo" > ServePHP< / a > (PHP code testing in Chrome dev tools)< / li >
< li > < a href = "http://scala-lang.org/blog/2017/02/20/introducing-scastie.html" > Scastie< / a > (Scala playground)< / li >
< li > < a href = "https://www.shadertoy.com/" > Shadertoy< / a > (shader sharing)< / li >
< li > < a href = "http://www.sketchpatch.net/labs/livecodelabIntro.html" > sketchPatch Livecodelab< / a > < / li >
< li > < a href = "http://www.skulpt.org/" > Skulpt< / a > (in-browser Python environment)< / li >
< li > < a href = "https://www.sourcelair.com" > SourceLair< / a > (in-browser IDE for Django, Node.js, PHP and HTML5)< / li >
< li > < a href = "http://snaptomato.appspot.com/editor.html" > Snap Tomato< / a > (HTML editing/testing page)< / li >
< li > < a href = "http://snippets.pro/" > Snippets.pro< / a > (code snippet sharing)< / li >
< li > < a href = "http://www.solidshops.com/" > SolidShops< / a > (hosted e-commerce platform)< / li >
< li > < a href = "http://www.cemetech.net/sc/" > SourceCoder 3< / a > (online calculator IDE and editor)< / li >
< li > < a href = "http://sqlfiddle.com" > SQLFiddle< / a > (SQL playground)< / li >
< li > < a href = "http://www.subte.org/page/programar-ta-te-ti-online/" > SubTe< / a > (AI bot programming environment)< / li >
< li > < a href = "http://xuanji.appspot.com/isicp/" > Structure and Interpretation of Computer Programs< / a > , Interactive Version< / li >
< li > < a href = "http://syframework.alwaysdata.net" > SyBox< / a > (PHP playground)< / li >
< li > < a href = "http://www.tagspaces.org/" > TagSpaces< / a > (personal data manager)< / li >
< li > < a href = "https://textbox.io/" > Textbox.io< / a > (WYSIWYG rich text editor)< / a > < / li >
< li > < a href = "https://thefiletree.com" > The File Tree< / a > (collab editor)< / li >
< li > < a href = "http://www.mapbox.com/tilemill/" > TileMill< / a > (map design tool)< / li >
< li > < a href = "http://doc.tiki.org/Syntax+Highlighter" > Tiki< / a > (wiki CMS groupware)< / li >
2020-10-02 13:05:50 +02:00
< li > < a href = "https://www.tistory.com" > Tistory< / a > (blog service)< / li >
2019-07-28 14:57:52 +02:00
< li > < a href = "http://www.toolsverse.com/products/data-explorer/" > Toolsverse Data Explorer< / a > (database management)< / li >
< li > < a href = "http://blog.englard.net/post/39608000629/codeintumblr" > Tumblr code highlighting shim< / a > < / li >
< li > < a href = "http://turbopy.com/" > TurboPY< / a > (web publishing framework)< / li >
< li > < a href = "http://cruise.eecs.uottawa.ca/umpleonline/" > UmpleOnline< / a > (model-oriented programming tool)< / li >
< 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 >
2020-10-02 13:05:50 +02:00
< li > < a href = "https://violentmonkey.github.io/" > Violentmonkey< / a > (userscript manager / editor)< / li >
2019-07-28 14:57:52 +02:00
< li > < a href = "https://github.com/mgaitan/waliki" > Waliki< / a > (wiki engine)< / li >
< li > < a href = "http://wamer.net/" > Wamer< / a > (web application builder)< / li >
< li > < a href = "https://github.com/brettz9/webappfind" > webappfind< / a > (windows file bindings for webapps)< / li >
< li > < a href = "http://www.webglacademy.com/" > WebGL academy< / a > (learning WebGL)< / li >
< li > < a href = "http://webglplayground.net/" > WebGL playground< / a > < / li >
< li > < a href = "https://www.webkit.org/blog/2518/state-of-web-inspector/#source-code" > WebKit Web inspector< / a > < / li >
< li > < a href = "http://www.wescheme.org/" > WeScheme< / a > (learning tool)< / li >
< li > < a href = "https://github.com/b3log/wide" > Wide< / a > (golang web IDE)< / li >
< li > < a href = "http://wordpress.org/extend/plugins/codemirror-for-codeeditor/" > WordPress plugin< / a > < / li >
< li > < a href = "https://www.writelatex.com" > writeLaTeX< / a > (Collaborative LaTeX Editor)< / li >
< li > < a href = "http://www.xosystem.org/home/applications_websites/xosystem_website/xoside_EN.php" > XOSide< / a > (online editor)< / li >
< li > < a href = "http://videlibri.sourceforge.net/cgi-bin/xidelcgi" > XQuery tester< / a > < / li >
< li > < a href = "http://q42jaap.github.io/xsd2codemirror/" > xsd2codemirror< / a > (convert XSD to CM XML completion info)< / li >
< li > < a href = "http://www.yacas.org/yacas_online/yacas_online.html" > Yacas Online< / a > (interactive mathematical software)< / li >
< / ul >
< / article >
