Comments (3)
Hey @davevilela, mention/suggestion is something that a lot of our clients asked to add to 10tap core lib but we decided to keep it as a pro example because it requires other dependencies and does not feel like a core feature.
The advanced setup + adding https://tiptap.dev/docs/editor/api/nodes/mention as a tiptapExstention can be a great start
if you are using 10tap for a commercial project please consider subscribing to 10tap Pro get access to a mention/suggestion example (added here mentions example video) and keep 10tap running and maintained under an MIT License
In case you are a startup or a company that can't afford a subscription please get in touch with us at [email protected]
mentions.mp4
from 10tap-editor.
Hey @davevilela, mention/suggestion is something that a lot of our clients asked to add to 10tap core lib but we decided to keep it as a pro example because it requires other dependencies and does not feel like a core feature.
The advanced setup + adding https://tiptap.dev/docs/editor/api/nodes/mention as a tiptapExstention can be a great start
if you are using 10tap for a commercial project please consider subscribing to 10tap Pro get access to a mention/suggestion example (added here mentions example video) and keep 10tap running and maintained under an MIT License
In case you are a startup or a company that can't afford a subscription please get in touch with us at [email protected]
mentions.mp4
Hey @GuySerfaty, thanks for clearing things up.
I think I missed the 10tap Pro in your docs 😂. I had no idea this was a thing.
I’m currently working on a pet project, so the subscription wouldn’t be an option for me right now, but I’ll definitely consider it for other commercial projects.
The demo you uploaded is close to what I need, but I guess the suggestion popover is rendered with Popper or something similar within the WebView, right?
I would like to be able to use the suggestion API on the native side, meaning that the state of the current suggestion would have to be reported back to native through the bridge. I guess this would be possible just by having access to the editor’s content and cursor, but Tiptap already has a nice suggestion API that I think could be extended to make this work. What do you think?
Is this something 10tap Pro solves, or would you be open to an open-source contribution on this matter?
from 10tap-editor.
hi @davevilela :)
I guess the suggestion popover is rendered with Popper or something similar within the WebView, right?
Actually, we're bridging the mention "query" to the native side and then filtering and rendering the suggestion component on RN side, we think it's better because:
- You can query all the possible users to mention from the RN side (even from local cache or DB)
- The UX is better in the video we show the mention options instead of the toolbar and there are no delay or glitches
Tiptap already has a nice suggestion API that I think could be extended to make this work
Yup! You can implement this (like we did) yourself with the advanced setup, by extending tiptaps mention plugin
This is a pro example we provide, and is not really a "core" feature, so we will not be implementing this in the lib
If you have more questions you are welcome to send mails to [email protected]
from 10tap-editor.
Related Issues (20)
- Does 10tap support tiptap-markdown extension HOT 4
- Can I set the selection background color? HOT 4
- [BUG]: Build failed when trying to use the editor in the web (Expo) HOT 1
- [BUG]: Adding a new BridgeExtension for TextAlign does not behave as expected HOT 5
- [BUG]: A symbol conflicting with other dependency
- [BUG-Question?]: Excessive state updates when updating content via `useBridgeState` HOT 1
- Customizing link formatting when using the insert link toolbar item HOT 1
- [BUG]: Android build failing for react native 0.74.3 HOT 5
- Need E2E Tests
- Filter Toolbar Items HOT 2
- [BUG]: when setImage, cursor not easy to move HOT 4
- [BUG]: dynamicHeight confusion HOT 2
- Can't set selection background color by solution HOT 3
- [PRO]: MentionBridge example not working on latest versions HOT 3
- [BUG]: Link button icon in `EditLinkBar.tsx` lacks active styling while its container has active button styling HOT 1
- [BUG]: No Ability to use custom flatlist implementation HOT 1
- [BUG]: Editor isn't ready yet and setting content not working HOT 1
- [BUG]: maybe just documentation; minimum supported Android API level? HOT 1
- [BUG]: Props in RichText component not working (e.g. showsVerticalScrollIndicator) HOT 1
- Can't set the background color when dragged HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from 10tap-editor.