DEV Community

Arnav Bansal
Arnav Bansal

Posted on

2 2

I'm looking for an embeddedable code editor. Preferably one that looks great.

I'm creating an online demo for a web technology. I need an editor that can highlight at least JavaScript. Edit functionality isn't a must.

But it must look fabulous.

What's the go-to editor for this?

Top comments (3)

Collapse
 
rdumais profile image
Ryan โ€ข

I'm thinking TinyMCE. I use it on my blog when I need to post code snippets. Works great and does what I need it to.

tiny.cloud/

Collapse
 
bennypowers profile image
Benny Powers ๐Ÿ‡ฎ๐Ÿ‡ฑ๐Ÿ‡จ๐Ÿ‡ฆ โ€ข

For just highlighting, you might want to use the marked-element webcomponent, which has a syntax-highlight event that you can listen to in order to highlight the rendered markdown.

Collapse
 
bennypowers profile image
Benny Powers ๐Ÿ‡ฎ๐Ÿ‡ฑ๐Ÿ‡จ๐Ÿ‡ฆ โ€ข

<monaco-editor> looks good but uses polymer 2 i.e. HTML Imports and bower. Perhaps the author could be convinced to update to polymer 3 with es modules and npm

<ace-widget> is installed with npm and loaded with modules, supports code highlighting, check out the demos where they have a JS editor

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free โ†’

๐Ÿ‘‹ Kindness is contagious

Please leave a โค๏ธ or a friendly comment on this post if you found it helpful!

Okay