tiptap
react-draft-wysiwyg
tiptap | react-draft-wysiwyg | |
---|---|---|
81 | 12 | |
23,923 | 6,357 | |
2.0% | - | |
9.6 | 3.1 | |
6 days ago | 7 days 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.
tiptap
-
Encrypted Note Editor App In React Native
The Editor: The core of our app is the editor. We need an easy to use and robust rich text editor, that supports all of the features we want such as: headings, lists, placeholders, markdown, color, images, bold italic etc… For this we will use @10play/tentap-editor which is a rich text editor for react native based on Tiptap.
-
WYSIWYG editor for a new Rails project
If you want bell and whistles - https://tiptap.dev/
-
Can I create another WordPress that satisfies humanity?
A WYSIWYG rich-text editor using tiptap2 and Element Plus for Vue3
-
Ask HN: Which open-source editor would you choose to build something like Notion
You can build a Notion-like editor on top of https://tiptap.dev :-) Here is a demo of what such an editor might look like: https://demos.tiptap.dev/
Since Tiptap is headless, you have the freedom to design and develop the UI exactly the way you want.
-
Launch HN: Tiptap (YC S23) – Toolkit for developing collaborative editors
The first link shows a discussion that started in July 2020, when Tiptap was only available in version 1. The new major version 2, which is a complete rewrite, was in development. The biggest drawback the GitLab engineers had was the lack of a test suite in Tiptap 1. That's understandable, because as a key component of your application, testing is necessary to ensure that you catch breakable changes. Tiptap 2 does just that. [1]
[1] https://github.com/ueberdosis/tiptap/tree/develop/tests
-
Vrite Editor: Open-Source WYSIWYG Markdown Editor
No good tool is built without using good tools, and Vrite Editor is no different. Before getting into WYSIWYG editors, I extensively researched available RTE frameworks, that could provide the tooling and functionality I was looking for. Ultimately, I picked TipTap and underlying ProseMirror — IMO, the best tools currently available for all kinds of WYSIWYG editors.
-
What WYSIWYG editor do you use that has collaborative editing in Go?
Nodejs has hocuspocus (built on prosemirror) (https://www.npmjs.com/package/@hocuspocus/server) using tiptap (https://tiptap.dev/), are there any similar alternative backends in Go?
-
Seeking Suggestions for the Best Library to Implement a New Rich Text Editor in React
Check this headless editor framework https://tiptap.dev/
-
Sharing your Tailwind Configuration between Monorepo Packages
If you're in need of a solid editor library for your next project, be sure to check out Tiptap. It's an open-source project, and we always appreciate feedback and contributions!
-
How I put ChatGPT into a WYSIWYG editor
The buttons had to be absolutely positioned, which required both a custom TipTap extension and tapping deeper into the underlying ProseMirror (both libraries powering the Vrite editor).
react-draft-wysiwyg
-
Best way to create a modal with a rich text editor inside it?
Tailwind already has modal example so I assume you are looking for rich text editor. Now library to use depends what your use case for editor is. If it is for editing code or json then @monaco-editor/react fits the bill very nicely. For more general content you can use react-draft-wysiwyg . I can provide more options if you specify what the editor will be used for.
- WYSIWYG is a Pain
-
Somebody knowing some react library to make text editors
React Draft Wysiwyg
- What is this called? how do you create it? any library? (react)
-
Saving "react-draft-wysiwyg" data to DRF
Does anyone have experience with react-draft-wysiwyg?
-
window is not defined - react-draft-wysiwyg used with next js (ssr)
I am working on a rich text editor used for converting plain html to editor content with next js for ssr. I got this error window is not defined so I search a solution to this github link
-
Choosing the right WYSIWYG rich text editor that works properly with React
I've worked on something for a client that's very similar, it was for a noticeboard feature where a user can post notifications, and for that, rich text editing was required with image upload preview and other stuffs. I had it done with react-draft editor, so it is definitely suitable for comments. It allowed: -Image upload(from local Device and by embedding link), where you can adjust width and height in pixels before posting. -font adjustment -colour adjustment -lists and indents -emojis -hyper links -A <>monospace code editor<\> -Mentioning (user tags eg @user) function. And a lot of other basic text editing functions.
-
Best WYSWYG in React
I was just looking for good editors for a project. There are lots of good ones I came across but the one I settled on is react-draft-wysiwyg because it supports Typescript and it's easily customizable.
-
10+ React Rich Text Editors
Demo GitHub
- 15+ Fantastic React UI Libraries to Consider for your Project
What are some alternatives?
quill - Quill is a modern WYSIWYG editor built for compatibility and extensibility.
react-quill - A Quill component for React.
slate - A completely customizable framework for building rich text editors. (Currently in beta.)
Draft.js - A React framework for building text editors.
lexical - Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
Editor.js - A block-style editor with clean JSON output
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
ProseMirror - The ProseMirror WYSIWYM editor
antd - An enterprise-class UI design language and React UI library
remirror - ProseMirror toolkit for React 🎉
handlebars.js - Minimal templating on steroids.