- Editable scroll: Scrolling inside the editor to view large content now works for editable fields
- WebView
scrollEnabledandnestedScrollEnabledenabled only whenreadOnlyis false - When
useContaineris true, body and content use scrollable layout (overflow-y: auto, content grows with height) so the editor can be scrolled when content exceeds the visible area
- WebView
- Read-only unchanged: Read-only mode remains non-scrollable (content expands to full height)
- Read-Only Layout: Removed extra padding below read-only rich text fields for tighter layout spacing
- XSS Protection: Added built-in HTML sanitization to protect against cross-site scripting (XSS) attacks
- New
sanitizeHtmlprop (default:true) controls sanitization behavior - Automatically removes dangerous elements:
<script>,<iframe>,<object>,<embed>,<form>, etc. - Strips event handler attributes:
onclick,onerror,onload, etc. - Blocks dangerous URL protocols:
javascript:,vbscript:,data: - Sanitizes HTML on paste, insert, and content load operations
- Set
sanitizeHtml={false}only if you fully trust all HTML content sources
- New
- Read-Only Layout: Reduced excessive padding below read-only rich text fields for tighter layout spacing
- Added
sanitizeHtmlprop to TypeScript definitions with full documentation
- ColorPicker Component: Released ColorPicker component as a stable feature for selecting colors with preset options and custom hex input. Perfect for text color (
foreColor) and highlight color (hiliteColor) selection in the toolbar.
- Removed unwanted compiled code from repository
- Enhanced documentation with comprehensive ColorPicker usage examples
- UI Enhancement: Updated line icon in Toolbar and added new linebreak image asset for better visual consistency
- HTML Processing: Added HTML entity decoding in createHTML function to handle escaped entities while preserving normal HTML structure
- ColorPicker Component: Introduced new ColorPicker component for selecting colors with preset options and custom hex input, enhancing text color and highlight color selection capabilities
- iOS Support: Added disabled state handling in Editor component to prevent interaction and adjust styles accordingly for iOS platform
- Enhanced README with improved clarity, version badges, and better project description
- Paste Handling: Enhanced paste handling in createHTML function to support HTML content and improve text insertion logic
- Code Quality: Simplified FadeOverlay component and streamlined icon rendering in Toolbar for better maintainability
- Toolbar: Enhanced separator handling in Toolbar component for improved style flexibility
- Toolbar Enhancement: Added visual separator to toolbar actions for improved layout and usability, making it easier to group related actions
- Read-Only Mode: Updated read-only HTML styles to improve spacing and layout consistency
- Fixed height calculation in read-only mode to ensure proper content visibility and alignment
- Corrected nestedScrollEnabled logic and ensured container expands fully in read-only mode
- Enhanced editor component to support dynamic height adjustment in read-only mode and improved WebView styling
- Read-Only HTML Generation: Improved read-only HTML generation by adding default font handling and adjusting body styles for better layout and consistency
- Enhanced dynamic height adjustment in read-only mode
- Fixed nestedScrollEnabled logic for better content visibility
- Improved WebView styling in read-only mode
- Read-Only Mode: Introduced comprehensive read-only mode support with dynamic height adjustment
- Editor and Toolbar components now support read-only mode
- Dynamic height adjustment for better content display
- Improved styling logic for read-only state
This is the first major stable release of the React Native Rich Text Editor. Key features include:
- Rich Text Formatting: Bold, italic, underline, strikethrough, subscript, superscript
- Text Styling: Font size, family, colors, highlights, line height
- Lists & Structure: Bullet lists, numbered lists, checkbox lists, headings (H1-H6)
- Media Support: Insert images and videos with custom styling
- Alignment: Left, center, right, justify with cycle button
- Code & Blocks: Code blocks, blockquotes, horizontal rules
- Smart Paste: Automatically preserves HTML formatting from web pages and documents
- Keyboard Management: Built-in iOS/Android keyboard handling
- Editor Component: Main rich text editing component with WebView-based editor
- Toolbar Component: Customizable toolbar with action buttons
- TypeScript Support: Full TypeScript definitions included
- Customizable: Toolbar, icons, styles, and behavior fully customizable
- iOS (WebKit WebView)
- Android (Android WebView)
- Comprehensive API with ref-based methods
- Event callbacks (onChange, onFocus, onBlur, onPaste, etc.)
- Custom styling support
- Action-based toolbar configuration
- v1.0.0: Initial stable release with full rich text editing capabilities
- v1.1.0: Read-only mode with dynamic height adjustment
- v1.2.0: Enhanced read-only HTML generation and layout improvements
- v1.3.0: Visual toolbar separators and improved read-only styling
- v1.4.0: ColorPicker component released as stable feature
- v1.5.0: XSS protection with HTML sanitization
- v1.0.0: Core rich text editing functionality
- v1.1.0: Read-only mode support
- v1.2.0: Improved read-only HTML rendering
- v1.3.0: Toolbar visual enhancements
- v1.3.5: ColorPicker component (introduced)
- v1.4.0: ColorPicker component (stable release)
- v1.5.0: Built-in XSS protection