siposdani87/expo-rich-text-editor

This rich text editor is written in TypeScript and uses React Hooks structure. This component uses the HTML ContentEditable div feature and React communicate and send data to native JavaScript via WebView. It has basic text editing options.

Hey there! I'm Dániel Sipos, a senior software engineer.

There are many good things in the world, one is the science of programming. Which can be used to create applications with a multitude of lines of code, these can make easier the daily work of people. I sit down in front of my computer with this spirit day by day and work to reach this goal. I am one of the lucky people, whose job is one of their hobbies, so my mood does not decrease after many hours of development. This profession is full of challenges, continuous improvement is given and expected, do not get stuck in one technology, need to increase knowledge.

My motto is the following: an application is living, while it is being developed, otherwise, the time will run past it.

💼 Hobby Apps that I'm currently working on:

• TrophyMap
• I18Nature
• PuzzleBuilder
• siposdani87

expo-rich-text-editor's Issues

Tried adding this to Expo, app doesn't reload

Pasted the example code into it's own file (removed Material icons and Typescript elements), tried importing it into my codebase. The "bundling complete" message looped a few dozen times and the app was unable to reload. The only error message in the debugger was:

Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 0): . A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.

Auto focus (when components renders)

Hello everyone,
You need to add the feature of autofocus as we have in regular text inputs with refs

Editing a text containing images

Hi there,

I am unable to edit text containing images, using your package. All that can is text and nothing for images. What if I want to delete or add more images to the post? How do I do that?

onvalueChange prop is working slow

Hi.

Following is my code in which I'm making the state change when anything is typed within the text editor. There is a delay in changing the state. I also tried consoling the value. where the logged value is delayed.

Could it be a little faster?

const onValueChange = (value: string) => {
    setValid(true);
  };

User mention feature request

I am using your package in our application .
My requirement is to add user mention/ tagging functionality, when user write '@' , a suggestion list should appear of users with their avtar. when user select any of the suggestion from the list, it should write on the editor with the @ symbol.

I saw "@lowkey/react-native-mentions-input" package which meets our requirements, but it has it's own editor, so i can not use this editor, i also try to integrate "@lowkey/react-native-mentions-input" with "expo-rich-text-editor " , but both the packages having different functionalities and due to incompatibility issue , i can not integrate both package.

Is there any way to use "@lowkey/react-native-mentions-input" package functionality into your editor , or can you add these features into your package?

Is there an example of how to set headings?

I need the user to be able to st h1, h2, h3, etc.

Cannot add package with yarn

I'm trying to add the package via expo install @siposdani87/expo-rich-text-editor and it runs yarn add @siposdani87/expo-rich-text-editor but it throws the following error:

error An unexpected error occurred: "expected hoisted manifest for \"@siposdani87/expo-rich-text-editor#react-native#@react-native-community/cli\"".

Toolbar outside of scroll

Is there an example of how to pull the toolbar outside of any scrolling? I have long documents for editing.

autoFocus is not working