[GH-ISSUE #69] Default editor: Monaco(VS Code) vs Codemirror vs ? #54

Closed
opened 2026-03-03 00:17:53 +03:00 by kerem · 3 comments
Owner

Originally created by @Rokt33r on GitHub (Aug 30, 2019).
Original GitHub issue: https://github.com/BoostIO/BoostNote-App/issues/69

For default editor, I'm think between Monaco and Codemirror. Both of them are quite powerful and battle tested. We might want to one

So I want to ask two things for now:

  1. Leave a comment to add more Pros and Cons.
  2. Vote with reaction. (🎉 for Monaco, 🚀 for codemirror as I did in this issue.)

If you know another better solution, please leave a comment about it.

Monaco

https://microsoft.github.io/monaco-editor/

Pro

  • Written in typescript

Cons

  • The code is generated code from VSCode
  • Don't support mobile device(You can still use it)

The problem is we might use different editor for mobile app. I guess we eventually have our own markdown editor one day. But making one should take long time and lots of effort. And due to they don't support mobile device, we couldn't expect that any problems in mobile can be fixed.

Codemirror

https://codemirror.net/

Pros

  • Supporting mobile

Cons

  • Written in Javascript(Type definition might not be perfect)

Good news is that next version(v6) of codemirror will be written in Typescript although it is still in prototype status.

Originally created by @Rokt33r on GitHub (Aug 30, 2019). Original GitHub issue: https://github.com/BoostIO/BoostNote-App/issues/69 For default editor, I'm think between Monaco and Codemirror. Both of them are quite powerful and battle tested. We might want to one So I want to ask two things for now: 1. Leave a comment to add more Pros and Cons. 2. Vote with reaction. (:tada: for Monaco, :rocket: for codemirror as I did in this issue.) If you know another better solution, please leave a comment about it. # Monaco https://microsoft.github.io/monaco-editor/ ## Pro - Written in typescript ## Cons - The code is generated code from VSCode - Don't support mobile device(You can still use it) The problem is we might use different editor for mobile app. I guess we eventually have our own markdown editor one day. But making one should take long time and lots of effort. And due to they don't support mobile device, we couldn't expect that any problems in mobile can be fixed. # Codemirror https://codemirror.net/ ## Pros - Supporting mobile ## Cons - Written in Javascript(Type definition might not be perfect) Good news is that next version(v6) of codemirror will be written in Typescript although it is still in prototype status.
kerem 2026-03-03 00:17:53 +03:00
Author
Owner

@ZeroX-DG commented on GitHub (Aug 30, 2019):

We should also consider Ace Editor. I haven't check it out yet so I can't say much, but some people said it's better than CodeMirror (and it has more stars 😄 ).

What do people say about Ace Editor vs CodeMirror (The date of those links are pretty old so things could be changed now):

However, Ace development is not as active as CodeMirror:
Ace:
image

CodeMirror:
image

<!-- gh-comment-id:526448383 --> @ZeroX-DG commented on GitHub (Aug 30, 2019): We should also consider [Ace Editor](https://ace.c9.io/). I haven't check it out yet so I can't say much, but some people said it's better than CodeMirror (and it has more stars :smile: ). What do people say about Ace Editor vs CodeMirror (The date of those links are pretty old so things could be changed now): - https://github.com/adobe/brackets/issues/1142 - https://github.com/adobe/brackets/issues/1242 - http://sandeep.shetty.in/2011/05/codemirror-vs-ace.html However, Ace development is not as active as CodeMirror: **Ace:** ![image](https://user-images.githubusercontent.com/12984316/63992705-45732e80-cb41-11e9-98fe-4883f69e924c.png) **CodeMirror:** ![image](https://user-images.githubusercontent.com/12984316/63992710-5328b400-cb41-11e9-8b7d-4d2d0a964866.png)
Author
Owner

@jhdcruz commented on GitHub (Aug 31, 2019):

We should also consider Ace Editor. I haven't check it out yet so I can't say much, but some people said it's better than CodeMirror (and it has more stars 😄 ).

They also provided a packaged version of Ace code editor on NPM, npm i ace-builds, that was last published 2 months ago.

However, the last commit was made on June 18, 2019, for Package 17.06.19 / 1.4.5.

However, Ace development is not as active as CodeMirror:

Yep, I can see that now. 😅

<!-- gh-comment-id:526822909 --> @jhdcruz commented on GitHub (Aug 31, 2019): > We should also consider [Ace Editor](https://ace.c9.io/). I haven't check it out yet so I can't say much, but some people said it's better than CodeMirror (and it has more stars 😄 ). They also provided a [packaged version of Ace code editor](https://www.npmjs.com/package/ace-builds) on [NPM](https://www.npmjs.com/package/ace-builds), `npm i ace-builds`, that was last published 2 months ago. However, the last commit was made on[ June 18, 2019, for Package 17.06.19](https://github.com/ajaxorg/ace-builds/commit/7489e42c81725cd58d969478ddf9b2e8fd6e8aef) / [1.4.5](https://github.com/ajaxorg/ace/releases/tag/v1.4.5). >However, Ace development is not as active as CodeMirror: Yep, I can see that now. 😅
Author
Owner

@Rokt33r commented on GitHub (Feb 13, 2020):

We're going to use codeMirror but also we might introduce alternative version of BoostNote with monaco editor one day.

<!-- gh-comment-id:585640840 --> @Rokt33r commented on GitHub (Feb 13, 2020): We're going to use codeMirror but also we might introduce alternative version of BoostNote with monaco editor one day.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/BoostNote-App#54
No description provided.