HyperMD
use-prosemirror
HyperMD | use-prosemirror | |
---|---|---|
2 | 2 | |
1,454 | 352 | |
- | 0.3% | |
0.0 | 1.8 | |
over 3 years ago | over 1 year ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
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.
HyperMD
-
How to create real-time hyperlinks in user-inputted text?
I would suggest looking at HyperMD (https://github.com/laobubu/HyperMD), because it is a good "kitchen sink" example of what can be done with CodeMirror. Unfortunately the author's site is down right now, which means the demos and examples are not available.
-
CodeMirror 6
You can do some interesting non-code things with CodeMirror.
HyperMD[0] is probably the craziest (in a good way) thing I've seen done with CodeMirror.
[0] https://laobubu.net/HyperMD/#./docs/zh-CN/README.md and https://github.com/laobubu/HyperMD
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.
What are some alternatives?
rich-markdown-editor - The open source React and Prosemirror based markdown editor that powers Outline. Want to try it out? Create an account:
use-force-update - React Hook to force your function component to update
dev - Development repository for the CodeMirror editor project
codemirror-promql - PromQL support for the CodeMirror code editor
vditor - ♏ 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式。An In-browser Markdown editor, support WYSIWYG (Rich Text), Instant Rendering (Typora-like) and Split View modes.
Monaco Editor - A browser based code editor
react-md-editor - A simple markdown editor with preview, implemented with React.js and TypeScript.
agitcms - A hackable headless CMS for markdown blogs
react-bare-forms - A bare minimal React form library for quick & simple forms.