feat: add ability to get html value imperatively

android/src/main/java/com/swmansion/enriched/EnrichedTextInputModule.kt

@@ -0,0 +1,33 @@
+package com.swmansion.enriched
+
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.UiThreadUtil
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.UIManagerHelper
+import com.swmansion.enriched.utils.EnrichedParser
+
+@ReactModule(name = EnrichedTextInputModule.NAME)
+class EnrichedTextInputModule(val reactContext: ReactApplicationContext) :
+  NativeEnrichedTextInputModuleSpec(reactContext) {
+  override fun getName(): String = NAME
+
+  override fun getHTMLValue(inputTag: Double): String? {
+    UiThreadUtil.assertOnUiThread()
+    val reactNode = inputTag.toInt()
+    val enrichedInput = getComponent(reactNode)
+    return enrichedInput?.getHtmlValue() ?: ""
+  }
+
+  private fun getComponent(reactTag: Int): EnrichedTextInputView? {
+    return try {
+      val uiManager = UIManagerHelper.getUIManagerForReactTag(reactContext, reactTag)
+      uiManager?.resolveView(reactTag) as? EnrichedTextInputView
+    } catch (_: Throwable) {
+      null
+    }
+  }
+
+  companion object {
+    const val NAME = "EnrichedTextInputModule"
+  }
+}

android/src/main/java/com/swmansion/enriched/EnrichedTextInputView.kt

@@ -543,6 +543,10 @@ class EnrichedTextInputView : AppCompatEditText {
     didAttachToWindow = true
   }
 
+  fun getHtmlValue(): String? {
+    return EnrichedParser.toHtml(text)
+  }
+
   companion object {
     const val CLIPBOARD_TAG = "react-native-enriched-clipboard"
   }

android/src/main/java/com/swmansion/enriched/EnrichedTextInputViewPackage.kt

@@ -1,19 +1,38 @@
 package com.swmansion.enriched
 
-import com.facebook.react.ReactPackage
+import com.facebook.react.BaseReactPackage
+import com.facebook.react.uimanager.ViewManager
 import com.facebook.react.bridge.NativeModule
 import com.facebook.react.bridge.ReactApplicationContext
-import com.facebook.react.uimanager.ViewManager
-import java.util.ArrayList
+import com.facebook.react.module.model.ReactModuleInfo
+import com.facebook.react.module.model.ReactModuleInfoProvider
+import java.util.HashMap
 
-class EnrichedTextInputViewPackage : ReactPackage {
+class EnrichedTextInputViewPackage : BaseReactPackage() {
   override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
-    val viewManagers: MutableList<ViewManager<*, *>> = ArrayList()
-    viewManagers.add(EnrichedTextInputViewManager())
-    return viewManagers
+    return listOf(EnrichedTextInputViewManager())
   }
 
-  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
-    return emptyList()
-  }
-}
+    override fun getModule(name: String, reactContext: ReactApplicationContext): NativeModule? {
+        return if (name == EnrichedTextInputModule.NAME) {
+            EnrichedTextInputModule(reactContext)
+        } else {
+            null
+        }
+    }
+
+    override fun getReactModuleInfoProvider(): ReactModuleInfoProvider {
+        return ReactModuleInfoProvider {
+            val moduleMap: MutableMap<String, ReactModuleInfo> = HashMap()
+            moduleMap[EnrichedTextInputModule.NAME] = ReactModuleInfo(
+              EnrichedTextInputModule.NAME,
+              EnrichedTextInputModule.NAME,
+              false, // canOverrideExistingModule
+              false, // needsEagerInit
+              false, // isCxxModule
+              true   // isTurboModule
+            )
+            moduleMap
+        }
+    }
+}

android/src/main/new_arch/CMakeLists.txt

@@ -9,7 +9,7 @@ set(LIB_ANDROID_GENERATED_JNI_DIR ${LIB_ANDROID_DIR}/generated/jni)
 set(LIB_ANDROID_GENERATED_COMPONENTS_DIR ${LIB_ANDROID_GENERATED_JNI_DIR}/react/renderer/components/${LIB_LITERAL})
 
 file(GLOB LIB_MODULE_SRCS CONFIGURE_DEPENDS *.cpp react/renderer/components/${LIB_LITERAL}/*.cpp)
-file(GLOB LIB_CODEGEN_SRCS CONFIGURE_DEPENDS ${LIB_ANDROID_GENERATED_COMPONENTS_DIR}/*.cpp)
+file(GLOB LIB_CODEGEN_SRCS CONFIGURE_DEPENDS ${LIB_ANDROID_GENERATED_JNI_DIR}/*.cpp ${LIB_ANDROID_GENERATED_COMPONENTS_DIR}/*.cpp)
 
 add_library(
         ${LIB_TARGET_NAME}

example/src/App.tsx

@@ -312,6 +312,11 @@ export default function App() {
           onPress={openValueModal}
           style={styles.valueButton}
         />
+        <Button
+          title="Get input's HTML value"
+          onPress={() => console.log(ref.current?.getHTMLValue())}
+          style={styles.valueButton}
+        />
         <HtmlSection currentHtml={currentHtml} />
         {DEBUG_SCROLLABLE && <View style={styles.scrollPlaceholder} />}
       </ScrollView>

ios/EnrichedTextInputModule.h

@@ -0,0 +1,20 @@
+//
+//  EnrichedTextInputModule.h
+//  ReactNativeEnriched
+//
+//  Created by Ivan Ignathuk on 04/11/2025.
+//
+
+#import <Foundation/Foundation.h>
+#import <ReactNativeEnriched/RNEnrichedTextInputViewSpec.h>
+#import <React/RCTBridge.h>
+#import <React/RCTUIManager.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface EnrichedTextInputModule : NSObject<NativeEnrichedTextInputModuleSpec>
+@property (nonatomic, weak) RCTBridge *bridge;
+
+@end
+
+NS_ASSUME_NONNULL_END

ios/EnrichedTextInputModule.mm

@@ -0,0 +1,46 @@
+//
+//  EnrichedTextInputModule.m
+//  ReactNativeEnriched
+//
+//  Created by Ivan Ignathuk on 04/11/2025.
+//
+
+#import "EnrichedTextInputModule.h"
+#import "EnrichedTextInputView.h"
+
+static UIView *findViewByReactTag(NSInteger reactTag, RCTBridge *bridge) {
+  if (bridge.uiManager) {
+    UIView *view = [bridge.uiManager viewForReactTag:@(reactTag)];
+    if (view) {
+      return view;
+    }
+  }
+
+  return nil;
+}
+
+@implementation EnrichedTextInputModule
+
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:(const facebook::react::ObjCTurboModule::InitParams &)params {
+  return std::make_shared<facebook::react::NativeEnrichedTextInputModuleSpecJSI>(params);
+}
+
+- (nonnull NSString *)getHTMLValue:(NSInteger)inputTag {
+  __block NSString *value = @"";
+
+  dispatch_sync(dispatch_get_main_queue(), ^{
+      UIView *view = findViewByReactTag(inputTag, self.bridge);
+      if ([view isKindOfClass:[EnrichedTextInputView class]]) {
+        EnrichedTextInputView *enrichedTextView = (EnrichedTextInputView *)view;
+        value = [enrichedTextView getHTMLValue];
+      }
+    });
+
+  return value;
+}
+
++ (NSString *)moduleName { 
+  return @"EnrichedTextInputModule";
+}
+
+@end

ios/EnrichedTextInputView.h

@@ -26,6 +26,7 @@ NS_ASSUME_NONNULL_BEGIN
 - (void)emitOnMentionEvent:(NSString *)indicator text:(nullable NSString *)text;
 - (void)anyTextMayHaveBeenModified;
 - (BOOL)handleStyleBlocksAndConflicts:(StyleType)type range:(NSRange)range;
+- (NSString *)getHTMLValue;
 @end
 
 NS_ASSUME_NONNULL_END

ios/EnrichedTextInputView.mm

@@ -63,6 +63,7 @@ - (instancetype)initWithFrame:(CGRect)frame {
     [self setupTextView];
     [self setupPlaceholderLabel];
     self.contentView = textView;
+    [textView setScrollEnabled: NO];
   }
   return self;
 }
@@ -157,6 +158,17 @@ - (void)setupPlaceholderLabel {
   _placeholderLabel.hidden = YES;
 }
 
+// MARK: - HTML Value Getter
+
+- (NSString *)getHTMLValue {
+    if (textView.textStorage.string.length == 0) {
+        return @"";
+    }
+
+    NSString *htmlOutput = [parser parseToHtmlFromRange:NSMakeRange(0, textView.textStorage.string.length)];
+    return htmlOutput ?: @"";
+}
+
 // MARK: - Props
 
 - (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps {
@@ -389,7 +401,7 @@ - (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &
     // this way, the newest config attributes are being used!
 
     // the html needs to be generated using the old config
-    NSString *currentHtml = [parser parseToHtmlFromRange:NSMakeRange(0, textView.textStorage.string.length)];
+    NSString *currentHtml = [self getHTMLValue];
 
     // now set the new config
     config = newConfig;
@@ -851,7 +863,7 @@ - (void)tryEmittingOnChangeHtmlEvent {
   }
   auto emitter = [self getEventEmitter];
   if(emitter != nullptr) {
-    NSString *htmlOutput = [parser parseToHtmlFromRange:NSMakeRange(0, textView.textStorage.string.length)];
+    NSString *htmlOutput = [self getHTMLValue];
     // make sure html really changed
     if(![htmlOutput isEqualToString:_recentlyEmittedHtml]) {
       _recentlyEmittedHtml = htmlOutput;

package.json

@@ -152,7 +152,7 @@
   },
   "codegenConfig": {
     "name": "RNEnrichedTextInputViewSpec",
-    "type": "components",
+    "type": "all",
     "jsSrcsDir": "src",
     "outputDir": {
       "ios": "ios/generated",

src/EnrichedTextInput.tsx

@@ -18,19 +18,21 @@ import EnrichedTextInputNativeComponent, {
   type OnMentionDetectedInternal,
   type MentionStyleProperties,
 } from './EnrichedTextInputNativeComponent';
-import type {
-  ColorValue,
-  HostInstance,
-  MeasureInWindowOnSuccessCallback,
-  MeasureLayoutOnSuccessCallback,
-  MeasureOnSuccessCallback,
-  NativeMethods,
-  NativeSyntheticEvent,
-  TextStyle,
-  ViewProps,
-  ViewStyle,
+import {
+  findNodeHandle,
+  type ColorValue,
+  type HostInstance,
+  type MeasureInWindowOnSuccessCallback,
+  type MeasureLayoutOnSuccessCallback,
+  type MeasureOnSuccessCallback,
+  type NativeMethods,
+  type NativeSyntheticEvent,
+  type TextStyle,
+  type ViewProps,
+  type ViewStyle,
 } from 'react-native';
 import { normalizeHtmlStyle } from './normalizeHtmlStyle';
+import EnrichedTextInputModule from './NativeEnrichedTextInputModule';
 
 export interface EnrichedTextInputInstance extends NativeMethods {
   // General commands
@@ -59,6 +61,7 @@ export interface EnrichedTextInputInstance extends NativeMethods {
     text: string,
     attributes?: Record<string, string>
   ) => void;
+  getHTMLValue: () => string;
 }
 
 export interface OnChangeMentionEvent {
@@ -295,6 +298,10 @@ export const EnrichedTextInput = ({
 
       Commands.startMention(nullthrows(nativeRef.current), indicator);
     },
+    getHTMLValue: () =>
+      EnrichedTextInputModule?.getHTMLValue(
+        nullthrows(findNodeHandle(nativeRef.current))
+      ) ?? '',
   }));
 
   const handleMentionEvent = (e: NativeSyntheticEvent<OnMentionEvent>) => {

src/NativeEnrichedTextInputModule.ts

@@ -0,0 +1,11 @@
+import { TurboModuleRegistry } from 'react-native';
+import type { TurboModule } from 'react-native';
+import type { Int32 } from 'react-native/Libraries/Types/CodegenTypes';
+
+interface Spec extends TurboModule {
+  getHTMLValue(inputTag: Int32): string;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>(
+  'EnrichedTextInputModule'
+);