autocomplete
ProseMirror
| autocomplete | ProseMirror | |
|---|---|---|
| 8 | 44 | |
| 5,018 | 7,607 | |
| 0.8% | 0.7% | |
| 7.3 | 3.9 | |
| 10 days ago | 4 months 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.
autocomplete
-
The top tools for implementing ecommerce search in React
Auto-complete: Algolia provides an open source JavaScript library for building auto-complete search components. It also provides a recommendation library that works with its API client
- autocomplete - a JavaScript library that lets you quickly build autocomplete experiences
- Autocomplete – a JavaScript library for building autocomplete experiences
-
So, You Want to Build an @mention Autocomplete Feature?
The article promotes using Algolia's Autocomplete JS library to build it. Never heard of it but I'll give it a shot.
- Autocomplete.js v1 by Algolia
ProseMirror
-
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.
-
Eloquent JavaScript 4th edition (2024)
For those that don't know the author, Marijn Haverbeke, is the creator of CodeMirror (code editor) and later ProseMirror (text editor).
https://codemirror.net/
https://prosemirror.net/
- ProseMirror open source rich text editor
-
WYSIWYG for MDX?! Introducing Vrite's Hybrid Editor
Behind the scenes, Vrite processes the content and makes it accessible in ProseMirror-based JSON format, including the type and all the props of the Element block.
-
Show HN: Minimal note-taking app
This seems to be using https://prosemirror.net
-
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.
-
Show HN: I've built open-source, collaborative, WYSIWYG Markdown editor
A little dissapointed to see ProseMirror not mentioned.
It's an amazing rich-text editing toolkit that provides all the bits and pieces needed to write any kind of rich-text editor. Tiptap is a wrapper over ProseMirror for minimizing the vast API surface and providing simpler configurations.
The project is using TipTap and that is mentioned.
https://prosemirror.net
-
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).
- All about the Prosemirror library
-
Better blogging on Dev.to with Vrite - headless CMS for technical content
You might have noticed that the body_markdown property is set to the result of processContent() call. That’s because the Vrite API serves its content in a JSON format. Derived from the ProseMirror library powering Vrite editor, the format allows for versatile content delivery as it can be easily adapted to various needs.
What are some alternatives?
ng-select - :star: Native angular select component
slate - A completely customizable framework for building rich text editors. (Currently in beta.)
docusaurus-search-local - Offline / Local Search for Docusaurus v2. Try it live at:
quill - Quill is a modern WYSIWYG editor built for compatibility and extensibility
ngx-bootstrap - Fast and reliable Bootstrap widgets in Angular (supports Ivy engine)
CodeMirror - In-browser code editor (version 5, legacy)
Flow.Launcher - :mag: Quick file search & app launcher for Windows with community-made plugins
tiptap - The headless rich text editor framework for web artisans.
nuxt3-algolia - Nuxt 3 with Algolia search boilerplate project
TinyMCE - The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
textcomplete - Autocomplete for HTMLTextAreaElement and more.
Draft.js - A React framework for building text editors.