nstfkc/tiptap-react-native-example

An example project that shows how to implement a rich text editor with tiptap.dev and react native

tiptap-react-native-example

This repository is created to showcase an example implementation of a rich text editor with tiptap.dev on react native.

For more details check out this blog post. https://nstfkc.com/blog/how-to-implement-rich-text-editor-with-tiptap-on-react-native

Local environment

This project scaffolded with expo cli using npx create-expo-app -t expo-template-blank-typescript

Before you start the project you need to run npm run build:editor to compile the editor html. Then you can run npm run start to start the project.

If you want to start a specific enviroment, use npm run ios or npm run android.

tiptap-react-native-example's Issues

Not working on android

Not working on android!

index.html is imported from ../editor/dist/index.html

Hi, thankyou for this great effort. Pardon me as it could be newbie question lol. I'm trying to run this repo but it seems there is an error of wrong import. can anybody clarify whether it's intended or a typo?

Sharing some logs below:
src/components/RichTextEditor.tsx: /Users/mapmac/ReactProjects/NativeProjects/tiptap-react-native-example/src/components/RichTextEditor.tsx: Path '../editor/dist/index.html' could not be found for '/Users/mapmac/ReactProjects/NativeProjects/tiptap-react-native-example/src/components/RichTextEditor.tsx'

After correction:
Behaviour: Code is compiling successfully but it seems irresponsive as I can't change styles of text to Bold, italic etc. No keyboard is opening to write in the editor.

Video:
https://github.com/nstfkc/tiptap-react-native-example/assets/43547698/efd35f66-88ec-49fa-a36c-f650986ca2a8

Any help would be appreciated!!