use-prosemirror
codemirror-promql
Our great sponsors
use-prosemirror | codemirror-promql | |
---|---|---|
2 | 1 | |
352 | 36 | |
0.3% | - | |
1.8 | 5.6 | |
about 1 year ago | almost 2 years ago | |
TypeScript | TypeScript | |
MIT License | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
use-prosemirror
- What does a 'good' GitHub page like? (Q for the Professionals)
-
CodeMirror 6
> I'm guessing the integration will be basically a wrapper component with a ref of a DOM node where CodeMirror will do its thing.
Pretty much. This is how my React ProseMirror integration works: https://github.com/dminkovsky/use-prosemirror/blob/main/src/.... I believe CodeMirror would be the same. Makes me think I should expand support.
codemirror-promql
-
CodeMirror 6
I'm using CodeMirror 6 for promlens.com and together with the lezer parser generator, it was great for developing syntax highlighting, contextual autocompletion, and inline linting for PromQL (that part is OSS actually, in https://github.com/prometheus-community/codemirror-promql, much of it built by Augustin Hudson, some by myself).
What are some alternatives?
HyperMD - A WYSIWYG Markdown Editor for browsers. Break the Wall between writing and previewing.
Monaco Editor - A browser based code editor
use-force-update - React Hook to force your function component to update
rich-markdown-editor - The open source React and Prosemirror based markdown editor that powers Outline. Want to try it out? Create an account:
rp-codebooth - Liqvid widget for interactive code demonstrations
react-bare-forms - A bare minimal React form library for quick & simple forms.
rp-codemirror - CodeMirror recording/playing for Liqvid
dev - Development repository for the CodeMirror editor project
use-resize-observer - A React hook that allows you to use a ResizeObserver to measure an element's size.