bytemd
tiptap
| bytemd | tiptap | |
|---|---|---|
| 9 | 89 | |
| 806 | 27,745 | |
| 5.6% | 1.8% | |
| 4.6 | 9.8 | |
| 12 months ago | 7 days 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.
bytemd
-
Good Markdown Editor for SvelteKit?
The ByteMD issue looks like it might just be an issue with dev environment and not production. Did you try the workaround/s in the other issue linked from the ByteMD issue you linked? https://github.com/bytedance/bytemd/issues/162
-
SvelteKit + ByteMD
Seems to be a known issue: https://github.com/bytedance/bytemd/issues/96
- SvelteKit optimizeDeps slow down initial loading time
-
Show HN: Mathematics Chalkboard with LaTeX and Markdown Support
It is similar to https://bytemd.netlify.app/ , but styled differently. I suppose, it for use with a projector, where you will be able to hide unwanted content.
-
Trying to use bytemd in a SvelteKit app with Vite.
I'm trying to integrate the bytemd markdown app into my SvelteKit app. I figured there'd be some issues with SSR, so I tried two methods to mitigate issues on the server-side render but neither worked.
- Is there an example of integrating Angular11?
-
Suggestions on how to handle file uploads with Sveltekit?
Take a look in the bytemd source code to get some ideas on how to set up the logic. It has file uploading logic built in.
-
Rich Text Editor Recommendations for Svelte?
ByteMD is pretty great. Highly configurable and easy to understand codebase.
tiptap
-
Here’s how AI-powered autocompletion is implemented in Novel, an open-source text editor
Novel is an open-source Notion-style WYSIWYG editor with AI-powered autocompletion. This built on top of TipTap. Tiptap is the headless and open source editor framework. Integrate over 100+ extensions and paid features like collaboration and AI agents to create the UX you want.
-
Building a RichText Editor with TipTap in React (with Mentions)
For more, visit the official TipTap website. Did you learn something new from this article? Let me know in the comments! 🎉
-
Open-source WYSIWYG text editor component built with Tailwind CSS and Flowbite
Tip Tap Library
- Ask HN: Why is working with contenteditable is so hard?
-
Understanding Conflict-Free Replicated Data Types
Tiptap - A collaborative text editor
-
Improving Tiptap's Performance for Anthropic's Claude Interface
Thanks for your feedback, I really appreciate it. I would like to understand if you haven't noticed our ProseMirror related content yet, or if there is something missing for you.
1. We mention ProseMirror in the first sentence of the editor docs "Tiptap is a headless wrapper around ProseMirror - a toolkit for building rich text WYSIWYG editors [...]" at: https://tiptap.dev/docs/editor/getting-started/overview
2. We have a whole page on our docs about ProseMirror: https://tiptap.dev/docs/editor/core-concepts/prosemirror
3. We explain how to access the ProseMirror API in our documentation: https://tiptap.dev/docs/editor/extensions/custom-extensions/...
4. We have a section in the docs explaining the ProseMirror schema: https://tiptap.dev/docs/editor/core-concepts/schema#get-the-...
5. We mention ProseMirror in the first paragraph of the readme.md of the GH repo: https://github.com/ueberdosis/tiptap
6. We mention ProseMirror on the editor landing page "Powered by ProseMirror [...]" at: https://tiptap.dev/product/editor
Super curious to hear about your use case and what you need to know/develop in ProseMirror that we should mention in our docs :-)
-
Shadcn UI: Must-Have Tools & Resources
novel - Novel is a Notion-style WYSIWYG editor with AI-powered autocompletion. Built with Tiptap + Vercel AI SDK.
-
How to quickly add a rich text editor to your Next.js project using TipTap
Tiptap is an open source headless wrapper around ProseMirror. ProseMirror is a toolkit for building rich text WYSIWYG editors. The best part about Tiptap is that it's headless, which means you can customize and create your rich text editor however you want. I'll be using TailwindCSS for this tutorial.
-
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/
What are some alternatives?
milkdown - 🍼 Plugin driven WYSIWYG markdown editor framework.
quill - Quill is a modern WYSIWYG editor built for compatibility and extensibility
SvelteKit - web development, streamlined
slate - A completely customizable framework for building rich text editors. (Currently in beta.)
tailwind-editor - notion like tailwindcss editor built with svelte
lexical - Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.
foam - A personal knowledge management and sharing system for VSCode
Editor.js - A block-style editor with clean JSON output
dendron - The personal knowledge management (PKM) tool that grows as you do!
ProseMirror - The ProseMirror WYSIWYM editor
vite - Next generation frontend tooling. It's fast!
remirror - ProseMirror toolkit for React 🎉