react-native-codeditor - Embed a CodeMirror editor in React Native
Embeds and controls a CodeMirror 6 editor in a React Native WebView through a bidirectional RPC bridge.
Tags
Updated: 2026-09-29Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Embed a CodeMirror editor
- Control editor content
- Set language and theme
- Manage cursor and selection
- Undo and redo history
- Register keyboard shortcuts
- Handle editor events
- Copy native editor assets
Inputs
- React Native application
- WebView configuration
- Initial editor content
- Language and theme settings
- CodeMirror extension specifications
- Cursor and selection parameters
- Completion items
- Shortcut definitions
- Native editor assets
Outputs
- Embedded code editor
- Updated document content
- Cursor and selection state
- Undo and redo state
- Editor event callbacks
- Shortcut event callbacks
- WebView logs and errors
Requirements
- React Native 0.71 or later
- react-native-webview 11 or later
- Android WebView 61 or later
- iOS WKWebView
- expo-file-system on iOS
- Copied Android editor assets