Glass is an in-browser code editor written in react.
See an in-browser demo at glass.blvd.space.1
- Fast: Ish.
- Easy: A single element. One
<Glass language='js' />
line, and it's done. - Small: Leverages React and prismjs, composing only 400 lines of code.
- Free: MIT Licensed.
Glass is not the best in browser code editor out there.2 It is best in certain cases, but I wouldn't advise it if you just need a quick in-browser code editor. It is useful if you already use React, and need a light in browser code editor.
It does not handle:
- Language detection.3
- Syntax checking.
It will just make your code colorful, without a lot of fuss. That's all.
1: The .space domain was on sale.
2: That's probably ace. Codemirror is a single, 9000 line JS file, which lags my browser every time I try to peruse the code.
3: I'm planning on implementing an underline
prop, which can be passed an array of objects to underline sections of the code. But the syntax checking itself still has to be done by an outside source.