Ace – an embeddable code editor

https://ace.c9.io/

86 30 8 years ago

ace.c9.io

makach• 8 years ago

I love this editor. Used it for ages with c9!

aikah• 8 years ago

c9's online editor hasn't been updated for years, c9 team decided it would no longer open source their platform like they used to, ultimately not benefiting from potential volunteer's work who could have made c9 editor better. The proof of it is their online editor is stuck with an old Go version and doesn't even support Typescript, while some other online IDE just use Monaco, which is open source and better than Ace.

hnruss• 8 years ago

I recently tried to embed Monaco but wound up with Ace instead due to issues using Monaco via requirejs. Was pleasantly surprised that Ace had all of the features we needed.

js4ever• 8 years ago

Ace is probably the fastest code editor, especially for large files. Features are far from monaco but you have to load only 200kb for ace vs 2.5mb for monaco

guachesuedehack• 8 years ago

I believe ace has more features ?

PurpleRamen• 8 years ago

Maybe it would make more sense to integrate those Editors then directly into the browser. Make it customizable and just create an API that can be used by some WebExtension, and deliver one out of the box. But at the end, a well adapted fast loading editor which is well integrated into the rest of the ecosystem might be some kind of next level for the Webstack-Platform.

egeozcan• 8 years ago

This would be too much added complexity for such a limited use case. Browsers are already approaching the complexity of an operating system and starting to bundle applications in them sounds like a weird thing to do when even operating systems are moving away from bundling.

pmontra• 8 years ago

I tried to type in the snippet embedded in that page with Firefox Android. The cursor is about where I touched the screen but characters appear at the end of the line. The two locations move in sync when I use the arrow keys on my mobile keyboard.

That doesn't happen with the Etherpad editor. The demo at http://etherpad.org/ works well.

geokon• 8 years ago

What's the use-case for an editor embedded in a webpage? It doesn't seem to be able to live-edit the webpage code - so I guess I don't really get it..

It'd be nice is someone made a general text editor that was also embeddedable and could also live edit itself (or the program it's running in). The closest I've seen is Nightlight https://sekao.net/nightlight/

But it's not really "general purpose" like Emacs w/ Elisp and it's pretty Clojure specific

adaFrankly• 8 years ago

Long time reader here, I decided to create an account to reply to this.

We recently created a web interface for docker swarm as part of a university project, part of our requirements were that a compose file could be submitted via the web interface to create a new stack. We used ace for this and it worked quite nicely.

austincheney• 8 years ago

I maintain a code beautifier and parser. I use Ace to allow users to better read and understand their code as they use the features of my software. I also ensure that Ace is optional and can be turned off.

* https://prettydiff.com/

* parser - https://prettydiff.com/parse-framework/runtimes/browsertest....

By turning off Ace and turning it back on you can experience a huge change in user experience

dbattaglia• 8 years ago

I've created a few systems that had web code editors on them. One was a CMS based on C# MVC Razor, the users were technical themselves so editing HTML and some light C# was better for them than a WYSIWYG editor. Another was a data ingest pipeline system that allowed customization of stages via Javascript. The scripts were stored in a database and edited via a web page (again, it was a technical audience and very small scripts so a web editor made sense).

tokyodude• 8 years ago

Editors embedded in webpages

https://beta.observablehq.com/ https://glslsandbox.com https://shadertoy.com https://codesandbox.io/ https://codepen.io/ https://codeanywhere.com/ https://codeshare.io/ https://www.codechef.com/ide https://js.do/ https://codebunk.com/ https://stackblitz.com/ https://coder.com/ https://www.remoteinterview.io/codepad https://vertexshaderart.com https://greggman.com/downloads/examples/html5bytebeat/html5b... https://glitch.com/ https://jsbin.com/ https://jsfiddle.net/ https://webglfundamentals.org

rrdharan2• 8 years ago

Dropbox Paper (https://paper.dropbox.com) uses a modified version of Ace. Paper is based on Hackpad (https://en.wikipedia.org/wiki/Hackpad) which used Ace:

https://github.com/dropbox/hackpad/tree/master/etherpad/src/...

tjhance• 8 years ago

Actually I think the 'ace' in Paper/Hackpad/Etherpad is a different thing called ace.

flurdy• 8 years ago

How has the Amazon/AWS acquisition of C9 affected Ace? Is it abandonware or still very actively developed?

ryanlol• 8 years ago

https://github.com/ajaxorg/ace/commits/master

humanrebar• 8 years ago

I would consider a new name.

Ace/ACE is maybe the most overused name or acronym out there. There are over a dozen entries in the Wikipedia disambiguation page in the computing subsection alone. And that doesn't count other domains and non-public projects.

https://en.m.wikipedia.org/wiki/Ace_(disambiguation)

derimagia• 8 years ago

It's not a new editor, it's been out for 8 years now. Lots of projects that use it. I get the concern though.

4b11b4• 8 years ago

Can't you embed a REPL? Seems like REPL.it will be the de-facto standard for most cases in the near future? Maybe it's too heavy for some applications? Why would you use anything other than REPL?

qnsi• 8 years ago

Isnt it different use case, though? If you want code executed - use replit, if you want editor use ACE.

But replit is not opensource, what would I use to have a repl on my site?

fiddlerwoaroof• 8 years ago

It's nice to have interactive code samples in most places where you use an editor.

e.g.:

http://blog.klipse.tech/lisp/2018/05/07/blog-common-lisp.htm...

https://polymervis.github.io/monaco-editor/build/demo/

https://oakes.github.io/play-cljs/

pandemicsyn• 8 years ago

Are there any good opensource WYSIWYG/drag and drop website builders? I've always been curious if folks like leadpages, wix, etc build their own from scratch or start with something off the shelf.

indigodaddy• 8 years ago

I think concrete5 is decent. Not sure if it's open source or not.

mettamage• 8 years ago

concrete5 is an Open Source Content Management System (CMS)

source: https://www.concrete5.org/ -- https://github.com/concrete5

Immortalin• 8 years ago

GrapesJS is pretty decent.

https://grapesjs.com

megous• 8 years ago

Has the same problem like other web code editors. It does something weird with text selection and mouse click handling, so copy pasting using middle click doesn't work (in or out of the editor).

skbly7• 8 years ago

I am pretty much fan of Ace editor. It has worked perfectly over the years and have no nearby competitor when I compared back in 2015.

This was a project I made using ACE, "an online IDE (code, compile and run)" for competitive programmers: https://www.codechef.com/ide

Ace – an embeddable code editor

Related Stories