Created
October 31, 2021 10:46
-
-
Save byte-sourcerer/8235ff6f9337157a03b0557def34ba6f to your computer and use it in GitHub Desktop.
An NSTextView wrapped by SwiftUI with TextKit 2
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* MacEditorTextView | |
* Copyright (c) Thiago Holanda 2020-2021 | |
* https://twitter.com/tholanda | |
* | |
* MIT license | |
* Modified by https://github.com/cjwcommuny for TextKit 2 | |
*/ | |
import Combine | |
import SwiftUI | |
struct MacEditorTextView: NSViewRepresentable { | |
@Binding var text: String | |
var isEditable: Bool = true | |
var font: NSFont? = .systemFont(ofSize: 14, weight: .regular) | |
var onEditingChanged: () -> Void = {} | |
var onCommit : () -> Void = {} | |
var onTextChange : (String) -> Void = { _ in } | |
func makeCoordinator() -> Coordinator { | |
Coordinator(self) | |
} | |
func makeNSView(context: Context) -> CustomTextView { | |
let textView = CustomTextView( | |
text: text, | |
isEditable: isEditable, | |
font: font | |
) | |
textView.delegate = context.coordinator | |
return textView | |
} | |
func updateNSView(_ view: CustomTextView, context: Context) { | |
view.text = text | |
view.selectedRanges = context.coordinator.selectedRanges | |
} | |
} | |
// MARK: - Coordinator | |
extension MacEditorTextView { | |
class Coordinator: NSObject, NSTextViewDelegate { | |
var parent: MacEditorTextView | |
var selectedRanges: [NSValue] = [] | |
init(_ parent: MacEditorTextView) { | |
self.parent = parent | |
} | |
func textDidBeginEditing(_ notification: Notification) { | |
guard let textView = notification.object as? NSTextView else { | |
return | |
} | |
self.parent.text = textView.string | |
self.parent.onEditingChanged() | |
} | |
func textDidChange(_ notification: Notification) { | |
guard let textView = notification.object as? NSTextView else { | |
return | |
} | |
self.parent.text = textView.string | |
self.selectedRanges = textView.selectedRanges | |
} | |
func textDidEndEditing(_ notification: Notification) { | |
guard let textView = notification.object as? NSTextView else { | |
return | |
} | |
self.parent.text = textView.string | |
self.parent.onCommit() | |
} | |
} | |
} | |
// MARK: - CustomTextView | |
final class CustomTextView: NSView { | |
private var isEditable: Bool | |
private var font: NSFont? | |
weak var delegate: NSTextViewDelegate? | |
var text: String { | |
didSet { | |
textView.string = text | |
} | |
} | |
var selectedRanges: [NSValue] = [] { | |
didSet { | |
guard selectedRanges.count > 0 else { | |
return | |
} | |
textView.selectedRanges = selectedRanges | |
} | |
} | |
private lazy var scrollView: NSScrollView = { | |
let scrollView = NSScrollView() | |
scrollView.drawsBackground = true | |
scrollView.borderType = .noBorder | |
scrollView.hasVerticalScroller = true | |
scrollView.hasHorizontalRuler = false | |
scrollView.autoresizingMask = [.width, .height] | |
scrollView.translatesAutoresizingMaskIntoConstraints = false | |
return scrollView | |
}() | |
private lazy var textView: NSTextView = { | |
let contentSize = scrollView.contentSize | |
// | |
let textContentStorage = NSTextContentStorage() | |
let textLayoutManager = NSTextLayoutManager() | |
textContentStorage.addTextLayoutManager(textLayoutManager) | |
// | |
let textContainer = NSTextContainer(size: scrollView.frame.size) | |
textContainer.widthTracksTextView = true | |
textContainer.containerSize = NSSize( | |
width: contentSize.width, | |
height: CGFloat.greatestFiniteMagnitude | |
) | |
textLayoutManager.textContainer = textContainer | |
// | |
let textView = NSTextView(frame: .zero, textContainer: textContainer) | |
textView.autoresizingMask = .width | |
textView.backgroundColor = NSColor.textBackgroundColor | |
textView.delegate = self.delegate | |
textView.drawsBackground = true | |
textView.font = self.font | |
textView.isEditable = self.isEditable | |
textView.isHorizontallyResizable = false | |
textView.isVerticallyResizable = true | |
textView.maxSize = NSSize(width: CGFloat.greatestFiniteMagnitude, height: CGFloat.greatestFiniteMagnitude) | |
textView.minSize = NSSize(width: 0, height: contentSize.height) | |
textView.textColor = NSColor.labelColor | |
textView.allowsUndo = true | |
return textView | |
}() | |
// MARK: - Init | |
init(text: String, isEditable: Bool, font: NSFont?) { | |
self.font = font | |
self.isEditable = isEditable | |
self.text = text | |
super.init(frame: .zero) | |
} | |
required init?(coder: NSCoder) { | |
fatalError("init(coder:) has not been implemented") | |
} | |
// MARK: - Life cycle | |
override func viewWillDraw() { | |
super.viewWillDraw() | |
setupScrollViewConstraints() | |
setupTextView() | |
} | |
func setupScrollViewConstraints() { | |
scrollView.translatesAutoresizingMaskIntoConstraints = false | |
addSubview(scrollView) | |
NSLayoutConstraint.activate([ | |
scrollView.topAnchor.constraint(equalTo: topAnchor), | |
scrollView.trailingAnchor.constraint(equalTo: trailingAnchor), | |
scrollView.bottomAnchor.constraint(equalTo: bottomAnchor), | |
scrollView.leadingAnchor.constraint(equalTo: leadingAnchor) | |
]) | |
} | |
func setupTextView() { | |
scrollView.documentView = textView | |
} | |
} | |
// MARK: - Preview | |
#if DEBUG | |
struct MacEditorTextView_Previews: PreviewProvider { | |
static var previews: some View { | |
Group { | |
MacEditorTextView( | |
text: .constant("{ \n planets { \n name \n }\n}"), | |
isEditable: true, | |
font: .userFixedPitchFont(ofSize: 14) | |
) | |
.environment(\.colorScheme, .dark) | |
.previewDisplayName("Dark Mode") | |
MacEditorTextView( | |
text: .constant("{ \n planets { \n name \n }\n}"), | |
isEditable: false | |
) | |
.environment(\.colorScheme, .light) | |
.previewDisplayName("Light Mode") | |
} | |
} | |
} | |
#endif |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Thank you for sharing this code!