/ SwiftUI

A lightweight wrapper of CodeMirror for macOS and iOS packaged for SwiftUI

A lightweight wrapper of CodeMirror for macOS and iOS packaged for SwiftUI

CodeMirror-SwiftUI

CodeMirror-SwiftUI is a lightweight wrapper of CodeMirror for macOS and iOS packaged for SwiftUI.

This package is a fork from CodeMirror-Swift

Features

  • 🍭 Lightweight CodeMirror wrapper (build 5.57.0)
  • ✅ 100% Native Swift 5 and modern WKWebView
  • 👑 Support iOS & macOS
  • 🎧 Built-in addons
  • 📕 100+ built-in themes and syntax highlight modes
  • ⚡️ Ready to go

Requirements

  • Xcode 12
  • Swift 5.3

Integration

CodeMirror-SwiftUI is available via Swift Package Manager

Using Xcode 12, go to File -> Swift Packages -> Add Package Dependency and enter https://github.com/Pictarine/CodeMirror-SwiftUI

Usage

CodeMirror gives you access to a new view called CodeView. It can be integrated within your view body like this :

CodeView(theme: themes[selectedTheme],
         code: $codeBlock,
         mode: codeMode,
         fontSize: fontSize,
         showInvisibleCharacters: showInvisibleCharacters,
         lineWrapping: lineWrapping)
.onLoadSuccess {
  print("Loaded")
}
.onContentChange { newCodeBlock in
  print("Content Change")
}
.onLoadFail { error in
  print("Load failed : \(error.localizedDescription)")
}

Details

Parameters

CodeView has multiple params:

  • code* is a Binding
  • mode* is a Mode object
  • theme is a CodeViewTheme object (default is material-palenight)
  • fontSize is Int (12px by default)
  • showInvisibleCharacters is Bool (true by default)

* Mandatory params

Modifiers

CodeView comes with three modifiers

onLoadSuccess { ... }
onLoadFail { ... }
onContentChange { ... }

Demo

91417795-97808a00-e851-11ea-8100-c9d2b075b59d

GitHub

Comments