awesome-draft-js
znote-app
awesome-draft-js | znote-app | |
---|---|---|
3 | 9 | |
2,483 | 189 | |
- | - | |
0.0 | 4.6 | |
about 2 years ago | about 1 month ago | |
- | - |
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.
awesome-draft-js
-
Meditee: Medium like Markdown editor
In this rich and mature community, I also found other awesome projects and specifically Medium-draft, which is a beautiful Medium like rich text editor (built upon draft-js), eliminating mouse usage by adding relevant keyboard shortcuts.
-
Can I create a multi-page editor with draft-js
95% confident you would have to calculate the content height and implement the concept yourself. You would have to find the spot where the content should wrap and insert a block into the editor state to designate the break. This would likely have to be recalculated with every change of the editor state. Seems fairly complex, but perhaps one of the prebuilt editors has the concept you can utilize. Check out https://github.com/nikgraf/awesome-draft-js
-
Rich Text Editor for React with Typescript? Finding it difficult.
Draft.js isn't a WYSIWYG editor. It's a framework for building editors. If you want to leverage Draft but don't want to start from scratch, check out https://github.com/nikgraf/awesome-draft-js
znote-app
-
Create useful automations with plain Javascript 🧑💻
I don't know about you, but personally I'm more comfortable learning by testing and prototyping. For me, the best way to achieve this was to use a Javascript playground using Markdown. That's why I recommend you give it a try to my app Znote to capitalize your work, otherwise no problem use your favorite IDE.
-
12 usable examples to learn the most popular JS libs 💝
All these examples are ready to use with Znote but can also be used as simple scripts. Querying API, databases, visualize data and automating actions, truly becomes easy! 🌈
-
Visualize active fires around the world with Javascript
In this article, we will see how to use open data with Plotlyjs and Streams through Znote in Javascript to explore active fire data around the world.
-
A powerful Javascript playground for Desktop 🔥
Leave your impression below or start a Github discussion if this requires a new thread.
-
Meditee: Medium like Markdown editor
Working on my favorite project Znote a Note-taking app and Javascript Lab, I am currently evaluating existing libraries offering a dedicated writing experience to improve my knowledge.
-
Znote: a super versatile markdown and code editor inspired by Jupyter notebooks 💫
Leave me a comment below or contact me via the Github Discussions Discover all features on the Znote website
-
Dev tool: A Markdown editor for JS developers
Thank you so much ☺️ Of course, I can implement different sorts. To make sure you have exactly what you want, you can explain the details to me here https://github.com/alagrede/znote-app/issues I will be happy to do this for you 😊
What are some alternatives?
roosterjs - roosterjs is a framework-independent javascript rich text editor.
react-md-editor - A simple markdown editor with preview, implemented with React.js and TypeScript.
react-quill - A Quill component for React.
meditee - Meditee Desktop App is a minimalist "Medium like" Markdown editor based on Draft.js and Electron.
remirror - ProseMirror toolkit for React 🎉
marktext - 📝A simple and elegant markdown editor, available for Linux, macOS and Windows.
medium-draft - 📝 A medium like Rich Text Editor built on draft-js with a focus on keyboard shortcuts.
vditor - ♏ 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式。An In-browser Markdown editor, support WYSIWYG (Rich Text), Instant Rendering (Typora-like) and Split View modes.