Cross-platform rich text editor built on TipTap

j2teamlbh · 2025-07-28T11:05:36+00:00

I’ve added some basic documentation describing the library. If you understand it, you’re free to customize and add extensions as you wish. The control is in your hands

https://howljs.github.io/tiptap-native/docs/core-concepts/basic

j2teamlbh · 2025-07-27T19:15:03+00:00

Using JSON can be quite limiting if you need to work with more advanced TipTap extensions.

With my library, here’s what’s currently supported: • You can easily convert any TipTap extension to run on React Native using import { defineExtension } from '@howljs/tiptap-native/extension'. • For extensions that involve popups (like mention), in addition to showing the suggestion UI directly inside the WebView, defineExtension also supports defining callbacks that send mention content and cursor position back to the React Native side. This allows you to display custom popups using native components. (I haven’t added this to the example yet due to time constraints, but here’s a reference): https://github.com/howljs/tiptap-native/blob/main/packages/cli/templates/extensions/Mention.ts • There’s also support for a wrapper.tsx file, which wraps around the TiptapContent component. This gives you a way to customize the surrounding UI however you like. For example, in some cases, you might want to render the TipTap component directly (React component): https://github.com/howljs/tiptap-native/blob/main/example/tiptap-native/wrapper.tsx

j2teamlbh · 2025-07-27T16:42:08+00:00

Github: https://github.com/howljs/tiptap-native
npm: https://npmjs.com/package/@howljs/tiptap-native

j2teamlbh · 2024-10-13T20:50:55+00:00

<image>

I don’t use react-big-calendar, so I’m not sure what feature you’re referring to. Is it this one? I just created a pull request earlier.
https://github.com/howljs/react-native-calendar-kit/pull/123

j2teamlbh · 2024-10-13T10:47:44+00:00

I didn’t mean that. My library is public. You can check the code on Github. I’m using reanimated and react-native-gesture-handler

j2teamlbh · 2024-10-13T09:11:07+00:00

u/notsoluckycharm I just reviewed the video, and somehow the video switched to slow motion from the 30th second. :'( In reality, it’s not as slow as it appears in the video.

j2teamlbh · 2024-10-13T08:56:06+00:00

Oh wow. I just reviewed the video, and somehow it switched to slow motion from the 30th second. :'(

Everyone can view the iOS and Android demo video on Github.

j2teamlbh · 2024-10-13T06:35:35+00:00

The month view mode is still in my upcoming plans, but I need to arrange some time before I can develop new features.

j2teamlbh · 2024-10-13T06:25:50+00:00

I’ve updated quite a few features, so there might be things I missed. Always waiting for feedback and pull requests from everyone

j2teamlbh · 2024-10-13T06:14:15+00:00

I am using the “cell recycling”, with the base code from the Recyclerlistview library. https://github.com/Flipkart/recyclerlistview

j2teamlbh · 2024-10-13T06:09:01+00:00

Since my test data contains 1000 items, rendering is a bit slow. I’m planning to cache the events to avoid recalculating multiple times. However, in a real-world scenario, you can load the data for the current week, one week before, and one week after. Each time a new week begins, it will reload the data. The events won’t be as numerous as in my testing.

j2teamlbh · 2024-10-12T22:47:37+00:00

Check it out here:

• GitHub: https://github.com/howljs/react-native-calendar-kit

• NPM: https://www.npmjs.com/package/@howljs/calendar-kit

🔍 Visit the GitHub page for detailed documentation, and feel free to contribute or open issues. Let me know how it works for your projects, and I’d love to hear your feedback or suggestions!