@chaitrabhairappa/react-native-rich-text-editor 3.5.0 → 3.5.1

package/android/src/main/java/com/richtext/editor/RichTextEditorView.kt

@@ -145,10 +145,7 @@ class RichTextEditorView(context: Context) : androidx.appcompat.widget.AppCompat
         calculatedHeight = 0f
         bottomBorderPaint.strokeWidth = density
 
-        val paddingHorizontal = (12 * density).toInt()
-        val paddingVertical = (10 * density).toInt()
-
-        setPadding(paddingHorizontal, paddingVertical, paddingHorizontal, paddingVertical)
+        setPadding(0, 0, 0, 0)
         textSize = 16f
         setLineSpacing(0f, 1.3f)  // Consistent line height multiplier
         setTextColor(Color.BLACK)
@@ -1302,6 +1299,7 @@ class RichTextEditorView(context: Context) : androidx.appcompat.widget.AppCompat
             setSelection(spannable.length)
         }
         isInternalChange = false
+        detectAllLinks(spannable)
         if (numberOfLinesValue > 0 && !isEditable) {
             scrollTo(0, 0)
             applyEllipsisIfNeeded()
@@ -1314,6 +1312,32 @@ class RichTextEditorView(context: Context) : androidx.appcompat.widget.AppCompat
         }
     }
 
+    private fun detectAllLinks(spannable: SpannableStringBuilder) {
+        val text = spannable.toString()
+        if (text.isEmpty()) return
+        val matcher = android.util.Patterns.WEB_URL.matcher(text)
+        var changed = false
+        while (matcher.find()) {
+            val start = matcher.start()
+            val end = matcher.end()
+            val existingLinks = spannable.getSpans(start, end, android.text.style.URLSpan::class.java)
+            if (existingLinks.isNotEmpty()) continue
+            var url = matcher.group()
+            if (!url.startsWith("http://") && !url.startsWith("https://")) {
+                url = "https://$url"
+            }
+            spannable.setSpan(android.text.style.URLSpan(url), start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
+            spannable.setSpan(android.text.style.ForegroundColorSpan(Color.parseColor("#2196F3")), start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
+            spannable.setSpan(UnderlineSpan(), start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
+            changed = true
+        }
+        if (changed) {
+            isInternalChange = true
+            setText(spannable)
+            isInternalChange = false
+        }
+    }
+
     fun getTextContent(): String = text.toString()
 
     // Fabric command response methods

package/ios/RichTextEditorView.swift

@@ -500,7 +500,7 @@ class RichTextEditorView: UIView, UITextViewDelegate, UIGestureRecognizerDelegat
     private let textView: RichTextView = {
         let tv = RichTextView()
         tv.font = UIFont.systemFont(ofSize: 16)
-        tv.textContainerInset = UIEdgeInsets(top: 12, left: 8, bottom: 12, right: 8)
+        tv.textContainerInset = UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)
         tv.translatesAutoresizingMaskIntoConstraints = false
         tv.backgroundColor = .clear
 
@@ -2833,6 +2833,7 @@ class RichTextEditorView: UIView, UITextViewDelegate, UIGestureRecognizerDelegat
         placeholderLabel.isHidden = !textView.text.isEmpty
         isInternalChange = false
         applyListIndentation()
+        detectAllLinks()
 
         let endPosition = textView.text?.count ?? 0
         textView.selectedRange = NSRange(location: endPosition, length: 0)
@@ -2846,6 +2847,31 @@ class RichTextEditorView: UIView, UITextViewDelegate, UIGestureRecognizerDelegat
         }
     }
 
+    private func detectAllLinks() {
+        guard let text = textView.text, !text.isEmpty else { return }
+        let nsText = text as NSString
+        let fullRange = NSRange(location: 0, length: nsText.length)
+        guard let detector = try? NSDataDetector(types: NSTextCheckingResult.CheckingType.link.rawValue) else { return }
+        let matches = detector.matches(in: text, range: fullRange)
+        guard !matches.isEmpty else { return }
+        let mutable = NSMutableAttributedString(attributedString: textView.attributedText)
+        var changed = false
+        for match in matches {
+            guard let url = match.url else { continue }
+            let existingLink = mutable.attribute(.link, at: match.range.location, effectiveRange: nil)
+            if existingLink != nil { continue }
+            mutable.addAttribute(.link, value: url.absoluteString, range: match.range)
+            mutable.addAttribute(.foregroundColor, value: UIColor.systemBlue, range: match.range)
+            mutable.addAttribute(.underlineStyle, value: NSUnderlineStyle.single.rawValue, range: match.range)
+            changed = true
+        }
+        if changed {
+            isInternalChange = true
+            textView.attributedText = mutable
+            isInternalChange = false
+        }
+    }
+
     func getText() -> String {
         return textView.text ?? ""
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chaitrabhairappa/react-native-rich-text-editor",
-  "version": "3.5.0",
+  "version": "3.5.1",
   "description": "A high-performance native rich text editor for React Native (New Architecture / Fabric only)",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",