meliorence/react-native-render-html

Features

• CSS-to-Native Style Translators - Processes CSS properties into compatible native styles and validates font declarations against system fonts.
• HTML to Native Converters - Transforms HTML markup into a native component tree via an intermediate data structure.
• Cross-Platform Rendering - Renders web-standard HTML content into native mobile user interfaces without utilizing a web view.
• Native Styling Integration - Provides a compatibility layer that translates standard CSS properties into native mobile styling primitives.
• Intermediate Render Trees - Transforms HTML DOM nodes into an intermediate data structure to manage CSS inheritance and whitespace.
• CSS-Driven Styling Engines - Translates CSS properties and inheritance rules into compatible native styles for mobile view hierarchies.
• CSS Whitespace Collapsers - Removes insignificant white-spaces from HTML content following CSS standards to ensure consistent text layout.
• Custom Element Renderers - Defines custom renderers and behaviors for specific HTML tags to control their native appearance.
• Custom Component Injection - Allows replacing default HTML tag renders with user-defined native components for specialized behavior.
• Element Translation Models - Defines how specific HTML tags are translated into native views by modifying custom element models.
• Customizable HTML Parsers - Provides a customizable parser that intercepts the DOM tree to inject components or filter nodes before rendering.
• HTML-to-Native Renderers - Transforms HTML markup into native mobile components by parsing the DOM and applying CSS styles.
• Image Placeholders - Reserves space using placeholder boxes based on image attributes to prevent content jumping during load.
• Native HTML Image Renderers - Displays images within HTML content by scaling them to fit container width and applying object-fit properties.
• Native UI Renderers - Transforms HTML markup into a native component tree by assembling a style-compatible intermediate tree.
• HTML Link Converters - Converts anchor tags into clickable native elements and resolves relative addresses using a specified base location.
• Aspect Ratio Preserving Resizing - Resizes images and embedded content to fit screen width while preserving the original aspect ratio.
• Style Inheritance Systems - Implements a style engine that propagates visual properties from parent HTML elements down to their native descendants.
• Style Specificity Resolution - Applies styles based on a strict precedence hierarchy where inline styles override IDs, classes, and tags.
• HTML-to-Native Text Renderers - Transforms HTML text elements into native views while managing margin collapsing and whitespace according to CSS rules.
• Component-Based Renderers - Maps standard HTML tags and attributes to native functional UI components.
• Style Cascading Engines - Implements a style cascading engine to resolve final element styles based on CSS specificity and inheritance rules.
• Browser Resource Interceptions - Intercepts anchor clicks to trigger custom logic and prevent default browser page reloads.
• DOM Content Modification - Alters the parsed HTML structure via callbacks to remove elements or update text before rendering.
• HTML Content Filters - Blocks specific tags, CSS rules, or node patterns to sanitize and filter content.
• View Hierarchy Traversers - Recursively traverses the parsed HTML structure to assemble a corresponding hierarchy of native views.
• Structural Behavior Modifiers - Modifies the structural behavior of tags, such as switching block-level elements to inline.
• Tag-Based Style Mappings - Maps styles to HTML elements based on tag name, class, or ID to override default rendering.
• Image Dimension Constraints - Sets maximum widths and initial load dimensions for images to prevent viewport overflow and layout instability.
• Cumulative Layout Shift Prevention - Prevents layout shifts by calculating image dimensions and reserving space before asynchronous assets load.
• HTML Content Processing - Intersects the parsing process to alter node data or children before native conversion.
• Content Prerendering - Parses and inspects the DOM tree before rendering to pre-cache media and fetch data for improved page loads.
• Error Placeholders - Displays placeholder boxes containing alt text when an image source is unreachable.
• Native HTML List Renderers - Transforms ordered and unordered HTML lists into native views using configurable markers and custom counter styles.
• Virtual Node Lifecycle Interception - Intercepts the virtual node tree lifecycle to modify DOM elements or inject components before rendering.
• Image Rendering Overrides - Provides custom implementations for image components to add interactivity or alternative loading states.
• Semantic Content Markers - Assigns semantic metadata to HTML elements based on tags or attributes to inform styling and behavior.
• CSS Styling - Provides support for applying standard CSS classes and styles to HTML elements using native style objects.
• Inline Style Processing - Converts HTML style attributes into native styles via a compatibility layer that filters unsupported properties.
• DOM Node Filtering - Selectively excludes specific HTML tags or nodes from the final render based on custom logic.
• Whitespace Collapsing Engines - Processes text nodes to ensure consistent native text layout by collapsing whitespace according to CSS standards.
• Preformatted Text Rendering - Preserves all whitespace and line breaks within preformatted tags to maintain source visual layout.
• Advanced CSS Styling - Implements advanced formatting capabilities like whitespace collapsing and list-style types that exceed standard native style engines.

Star history