react-page
Draft.js
| react-page | Draft.js | |
|---|---|---|
| 11 | 40 | |
| 9,387 | 22,309 | |
| 0.2% | - | |
| 2.4 | 8.2 | |
| 6 months ago | over 1 year ago | |
| TypeScript | JavaScript | |
| 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.
react-page
-
Show HN: An open source visual editor for React
This is really slick! A really fluid and intuitive interface.
We use https://react-page.github.io/ (also MIT licensed) extensively at my startup; it attacks the same problem, and it's been incredibly effective (and hackable!).
Generally speaking, owning your own CMS data, in your own database, with a well-documented JSON data format, and adding the ability to take any React component you've written (that itself may interact with your own data) and make it not only reusable as part of a content editing system but also WYSIWIG, opens up a huge number of opportunities - including adding your own logic to transform content before display.
https://builder.io is another alternative that's very effective at the adapting-custom-components-to-WYSIWIG side of things, but does keep the data in its own cloud storage.
I'm really excited to see innovation in this space, and I'll be following Puck closely!
-
Page Builder
A few days ago someone posted a link in an answer to a similar library to https://react-page.github.io/.
- Como funciona o front-end com componentes das plataformas de ecommerce?
- Seems impossible to get a React job
-
Show HN: Open-Source Page Block Builder with Remix and Tailwind CSS
https://github.com/react-page/react-page is fully open source with a simple JSON data model and multi-language support; we’ve built various utilities for auto-generating content. Invest a few days in customizing CSS and you have a world-class WYSIWYG for your own design language. Highly recommend.
-
Is there a good alternative to Draft-js rich text editor?
I maintain https://react-page.github.io/
-
Best CMS for frontend dev
If its just some rich content you want to edit, you can also use https://github.com/react-page/react-page which is a rich content editor, that i am maintaining. You can use it to edit and display content. The data itself can be stored as a json string and can be saved in your api, your firebase or your headless cms. I also tried to pair it with strapi, where I would share ReactPage‘s config and cell plugins both with a nextjs frontend and strapi admin panel. This is extremly powerful and flexible.
-
Switching Rich Text Editors, Part 1: Picking Tiptap
I came across react-page[1] the other day, it seemed like a reasonably powerful block editor but was too much for our purpose so I haven't actually used it.
[1]: https://github.com/react-page/react-page
- Slate – A completely customizable framework for building rich text editors
-
what's the best "block-based" content editor for React?
a quick search turned up React Page — can anyone vouch for this or recommend anything else?
Draft.js
-
What true Open Source Software means from my perspective in the industry and how I recommend contributing to it to get your foot in the door (spoiler: it's not what most bootcamps do)
Also for comparison, here is a very small project that has 1600 issues, 1400 commits and 250 contributors and if I saw that you were a lead contributor on here on a resume I would think you have exposure to "small sized projects". https://github.com/facebookarchive/draft-js
-
What is this called? how do you create it? any library? (react)
Draft JS
-
Is there a good alternative to Draft-js rich text editor?
Draft-js developed by Facebook, last update was over 2 years ago and it still got over 800k weekly downloads. I can't quite get it to work so I'm wondering if theres other good alternatives out there.
-
Making text editor in tauri
If you want to write the GUI code in Rust, you'd need something like Dioxus (which uses Tauri under the hood). But note that the Rust GUI ecosystem is still new, so I doubt we have something like Draft.js (a wysiwyg editor component for React). There's a lot of complexity involved in writing a text editor, and I'll suspect you'll have to handle a lot of that yourself.
-
Lexical – a web text editor framework that powers Facebook
How does this compare to Draft.js, another rich text editor created by Facebook?
https://draftjs.org/
- Does anybody a block-based rich text editor like notion that works with react?
- Draft.js and React Native
-
make document.execCommand('insertText', false, 'message') work with draftjs?
To play around with it you can just go to https://draftjs.org/ and play with it in chrome dev tools.
-
How to align text in Draft.js
I'm wondering how to align text in Draft.js just like on the picture below.
- Facebook open sources Lexical, an extensible text editor framework
What are some alternatives?
GrapesJS - Free and Open source Web Builder Framework. Next generation tool for building templates without coding
quill - Quill is a modern WYSIWYG editor built for compatibility and extensibility.
milkdown - 🍼 Plugin driven WYSIWYG markdown editor framework.
slate - A completely customizable framework for building rich text editors. (Currently in beta.)
rich-markdown-editor - The open source React and Prosemirror based markdown editor that powers Outline. Want to try it out? Create an account:
TinyMCE - The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
puck - The visual editor for React
react-quill - A Quill component for React.
Editor.js - A block-style editor with clean JSON output
notabase - A second brain for your knowledge, thoughts, and ideas.
react-draft-wysiwyg - A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg