Skip to content

Instantly share code, notes, and snippets.

@unnamedd

unnamedd/MacEditorTextView.swift

Last active October 10, 2025 02:42
Show Gist options
  • Save unnamedd/6e8c3fbc806b8deb60fa65d6b9affab0 to your computer and use it in GitHub Desktop.
Save unnamedd/6e8c3fbc806b8deb60fa65d6b9affab0 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. unnamedd revised this gist Feb 9, 2025. 2 changed files with 2 additions and 2 deletions.
    2 changes: 1 addition & 1 deletion MacEditorTextView.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -3,7 +3,7 @@
    * Copyright (c) Thiago Holanda 2020-2021
    * https://bsky.app/profile/tholanda.com
    *
    * (the twitter account is now deleted, please, do not reach me there)
    * (the twitter account is now deleted, please, do not try to reach me there)
    * https://twitter.com/tholanda
    *
    * MIT license
    2 changes: 1 addition & 1 deletion Using ContentQueryView.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -3,7 +3,7 @@
    * Copyright (c) Thiago Holanda 2020-2021
    * https://bsky.app/profile/tholanda.com
    *
    * (the twitter account is now deleted, please, do not reach me there)
    * (the twitter account is now deleted, please, do not try to reach me there)
    * https://twitter.com/tholanda
    *
    * MIT license
  2. unnamedd revised this gist Feb 9, 2025. 2 changed files with 13 additions and 7 deletions.
    5 changes: 4 additions & 1 deletion MacEditorTextView.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,10 @@
    /**
    * MacEditorTextView
    * Copyright (c) Thiago Holanda 2020-2021
    * https://twitter.com/tholanda
    * https://bsky.app/profile/tholanda.com
    *
    * (the twitter account is now deleted, please, do not reach me there)
    * https://twitter.com/tholanda
    *
    * MIT license
    */
    15 changes: 9 additions & 6 deletions Using ContentQueryView.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -1,10 +1,13 @@
    /**
    * MacEditorTextView
    * Copyright (c) Thiago Holanda 2020-2021
    * https://twitter.com/tholanda
    *
    * MIT license
    */
    * MacEditorTextView
    * Copyright (c) Thiago Holanda 2020-2021
    * https://bsky.app/profile/tholanda.com
    *
    * (the twitter account is now deleted, please, do not reach me there)
    * https://twitter.com/tholanda
    *
    * MIT license
    */

    import SwiftUI
    import Combine
  3. unnamedd revised this gist Feb 10, 2021. 2 changed files with 2 additions and 2 deletions.
    2 changes: 1 addition & 1 deletion MacEditorTextView.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,6 @@
    /**
    * MacEditorTextView
    * Copyright (c) Thiago Holanda 2020
    * Copyright (c) Thiago Holanda 2020-2021
    * https://twitter.com/tholanda
    *
    * MIT license
    2 changes: 1 addition & 1 deletion Using ContentQueryView.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,6 @@
    /**
    * MacEditorTextView
    * Copyright (c) Thiago Holanda 2020
    * Copyright (c) Thiago Holanda 2020-2021
    * https://twitter.com/tholanda
    *
    * MIT license
  4. unnamedd revised this gist Dec 18, 2020. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions MacEditorTextView.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -174,6 +174,7 @@ final class CustomTextView: NSView {
    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
    }()
  5. unnamedd revised this gist May 26, 2020. 2 changed files with 60 additions and 30 deletions.
    62 changes: 42 additions & 20 deletions MacEditorTextView.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -1,27 +1,33 @@
    /**
    * MacEditorTextView
    * Copyright (c) Thiago Holanda 2020
    * https://twitter.com/tholanda
    *
    * MIT license
    */
    * MacEditorTextView
    * Copyright (c) Thiago Holanda 2020
    * https://twitter.com/tholanda
    *
    * MIT license
    */

    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 }
    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: self.text)
    let textView = CustomTextView(
    text: text,
    isEditable: isEditable,
    font: font
    )
    textView.delegate = context.coordinator

    return textView
    @@ -33,23 +39,37 @@ struct MacEditorTextView: NSViewRepresentable {
    }
    }

    // MARK: - Preview

    #if DEBUG

    struct MacEditorTextView_Previews: PreviewProvider {
    static var previews: some View {
    Group {
    MacEditorTextView(text: .constant("{ \n planets { \n name \n }\n}"))
    .environment(\.colorScheme, .dark)
    .previewDisplayName("Dark Mode")
    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}"))
    .environment(\.colorScheme, .light)
    .previewDisplayName("Light Mode")
    MacEditorTextView(
    text: .constant("{ \n planets { \n name \n }\n}"),
    isEditable: false
    )
    .environment(\.colorScheme, .light)
    .previewDisplayName("Light Mode")
    }
    }
    }

    #endif

    // MARK: - Coordinator

    extension MacEditorTextView {

    class Coordinator: NSObject, NSTextViewDelegate {
    var parent: MacEditorTextView
    var selectedRanges: [NSValue] = []
    @@ -87,9 +107,11 @@ extension MacEditorTextView {
    }
    }

    // MARK: - CustomTextView

    final class CustomTextView: NSView {
    private var isEditable: Bool
    private var font: NSFont
    private var font: NSFont?

    weak var delegate: NSTextViewDelegate?

    @@ -152,16 +174,16 @@ final class CustomTextView: NSView {
    textView.maxSize = NSSize(width: CGFloat.greatestFiniteMagnitude, height: CGFloat.greatestFiniteMagnitude)
    textView.minSize = NSSize(width: 0, height: contentSize.height)
    textView.textColor = NSColor.labelColor

    return textView
    }()

    // MARK: - Init
    init(text: String, isEditable: Bool = true, font: NSFont = NSFont.systemFont(ofSize: 32, weight: .ultraLight)) {
    init(text: String, isEditable: Bool, font: NSFont?) {
    self.font = font
    self.isEditable = isEditable
    self.text = text

    super.init(frame: .zero)
    }

    28 changes: 18 additions & 10 deletions Using ContentQueryView.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -15,17 +15,25 @@ struct ContentQueryView: View {
    @State private var responseJSONText = "{ \"name\": \"Earth\"}"

    var body: some View {
    let queryTextView = MacEditorTextView(text: $queryText)
    .frame(minWidth: 300,
    maxWidth: .infinity,
    minHeight: 300,
    maxHeight: .infinity)
    let queryTextView = MacEditorTextView(
    text: $queryText,
    isEditable: false,
    font: .systemFont(ofSize: 14, weight: .regular)
    )
    .frame(minWidth: 300,
    maxWidth: .infinity,
    minHeight: 300,
    maxHeight: .infinity)

    let responseTextView = MacEditorTextView(text: $responseJSONText)
    .frame(minWidth: 300,
    maxWidth: .infinity,
    minHeight: 300,
    maxHeight: .infinity)
    let responseTextView = MacEditorTextView(
    text: $responseJSONText,
    isEditable: false,
    font: .userFixedPitchFont(ofSize: 14)
    )
    .frame(minWidth: 300,
    maxWidth: .infinity,
    minHeight: 300,
    maxHeight: .infinity)

    return HSplitView {
    queryTextView
  6. unnamedd revised this gist Jan 30, 2020. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions MacEditorTextView.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -39,11 +39,11 @@ struct MacEditorTextView_Previews: PreviewProvider {
    Group {
    MacEditorTextView(text: .constant("{ \n planets { \n name \n }\n}"))
    .environment(\.colorScheme, .dark)
    .previewDisplayName("Light Mode")
    .previewDisplayName("Dark Mode")

    MacEditorTextView(text: .constant("{ \n planets { \n name \n }\n}"))
    .environment(\.colorScheme, .light)
    .previewDisplayName("Dark Mode")
    .previewDisplayName("Light Mode")
    }
    }
    }
  7. unnamedd revised this gist Jan 21, 2020. 2 changed files with 8 additions and 8 deletions.
    12 changes: 6 additions & 6 deletions TextView.swift → MacEditorTextView.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -34,27 +34,27 @@ struct MacEditorTextView: NSViewRepresentable {
    }

    #if DEBUG
    struct EditorTextView_Previews: PreviewProvider {
    struct MacEditorTextView_Previews: PreviewProvider {
    static var previews: some View {
    Group {
    EditorTextView(text: .constant("{ \n planets { \n name \n }\n}"))
    MacEditorTextView(text: .constant("{ \n planets { \n name \n }\n}"))
    .environment(\.colorScheme, .dark)
    .previewDisplayName("Light Mode")

    EditorTextView(text: .constant("{ \n planets { \n name \n }\n}"))
    MacEditorTextView(text: .constant("{ \n planets { \n name \n }\n}"))
    .environment(\.colorScheme, .light)
    .previewDisplayName("Dark Mode")
    }
    }
    }
    #endif

    extension EditorTextView {
    extension MacEditorTextView {
    class Coordinator: NSObject, NSTextViewDelegate {
    var parent: EditorTextView
    var parent: MacEditorTextView
    var selectedRanges: [NSValue] = []

    init(_ parent: EditorTextView) {
    init(_ parent: MacEditorTextView) {
    self.parent = parent
    }

    4 changes: 2 additions & 2 deletions ContentQueryView.swift → Using ContentQueryView.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -15,13 +15,13 @@ struct ContentQueryView: View {
    @State private var responseJSONText = "{ \"name\": \"Earth\"}"

    var body: some View {
    let queryTextView = EditorTextView(text: $queryText)
    let queryTextView = MacEditorTextView(text: $queryText)
    .frame(minWidth: 300,
    maxWidth: .infinity,
    minHeight: 300,
    maxHeight: .infinity)

    let responseTextView = EditorTextView(text: $responseJSONText)
    let responseTextView = MacEditorTextView(text: $responseJSONText)
    .frame(minWidth: 300,
    maxWidth: .infinity,
    minHeight: 300,
  8. unnamedd revised this gist Jan 21, 2020. 2 changed files with 43 additions and 5 deletions.
    35 changes: 35 additions & 0 deletions ContentQueryView.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,35 @@
    /**
    * MacEditorTextView
    * Copyright (c) Thiago Holanda 2020
    * https://twitter.com/tholanda
    *
    * MIT license
    */

    import SwiftUI
    import Combine

    struct ContentQueryView: View {

    @State private var queryText = "{ \n planets { \n name \n }\n}"
    @State private var responseJSONText = "{ \"name\": \"Earth\"}"

    var body: some View {
    let queryTextView = EditorTextView(text: $queryText)
    .frame(minWidth: 300,
    maxWidth: .infinity,
    minHeight: 300,
    maxHeight: .infinity)

    let responseTextView = EditorTextView(text: $responseJSONText)
    .frame(minWidth: 300,
    maxWidth: .infinity,
    minHeight: 300,
    maxHeight: .infinity)

    return HSplitView {
    queryTextView
    responseTextView
    }
    }
    }
    13 changes: 8 additions & 5 deletions TextView.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -1,12 +1,15 @@
    //
    // Created by Thiago Holanda on 22.07.19.
    // Copyright © 2019 unnamedd codes. All rights reserved.
    //
    /**
    * MacEditorTextView
    * Copyright (c) Thiago Holanda 2020
    * https://twitter.com/tholanda
    *
    * MIT license
    */

    import Combine
    import SwiftUI

    struct EditorTextView: NSViewRepresentable {
    struct MacEditorTextView: NSViewRepresentable {
    @Binding var text: String

    var onEditingChanged : () -> Void = {}
  9. unnamedd revised this gist Jan 21, 2020. 1 changed file with 3 additions and 2 deletions.
    5 changes: 3 additions & 2 deletions TextView.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -9,8 +9,9 @@ import SwiftUI
    struct EditorTextView: NSViewRepresentable {
    @Binding var text: String

    var onEditingChanged: () -> Void = {}
    var onCommit: () -> Void = {}
    var onEditingChanged : () -> Void = {}
    var onCommit : () -> Void = {}
    var onTextChange : (String) -> Void = { _ in }

    func makeCoordinator() -> Coordinator {
    Coordinator(self)
  10. unnamedd revised this gist Jul 23, 2019. 1 changed file with 22 additions and 10 deletions.
    32 changes: 22 additions & 10 deletions TextView.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -11,7 +11,7 @@ struct EditorTextView: NSViewRepresentable {

    var onEditingChanged: () -> Void = {}
    var onCommit: () -> Void = {}

    func makeCoordinator() -> Coordinator {
    Coordinator(self)
    }
    @@ -25,6 +25,7 @@ struct EditorTextView: NSViewRepresentable {

    func updateNSView(_ view: CustomTextView, context: Context) {
    view.text = text
    view.selectedRanges = context.coordinator.selectedRanges
    }
    }

    @@ -47,6 +48,7 @@ struct EditorTextView_Previews: PreviewProvider {
    extension EditorTextView {
    class Coordinator: NSObject, NSTextViewDelegate {
    var parent: EditorTextView
    var selectedRanges: [NSValue] = []

    init(_ parent: EditorTextView) {
    self.parent = parent
    @@ -67,6 +69,7 @@ extension EditorTextView {
    }

    self.parent.text = textView.string
    self.selectedRanges = textView.selectedRanges
    }

    func textDidEndEditing(_ notification: Notification) {
    @@ -92,6 +95,16 @@ final class CustomTextView: NSView {
    }
    }

    var selectedRanges: [NSValue] = [] {
    didSet {
    guard selectedRanges.count > 0 else {
    return
    }

    textView.selectedRanges = selectedRanges
    }
    }

    private lazy var scrollView: NSScrollView = {
    let scrollView = NSScrollView()
    scrollView.drawsBackground = true
    @@ -124,26 +137,25 @@ final class CustomTextView: NSView {


    let textView = NSTextView(frame: .zero, textContainer: textContainer)
    textView.minSize = NSSize(width: 0, height: contentSize.height)
    textView.maxSize = NSSize(width: CGFloat.greatestFiniteMagnitude, height: CGFloat.greatestFiniteMagnitude)
    textView.isVerticallyResizable = true
    textView.isHorizontallyResizable = false
    textView.autoresizingMask = .width

    textView.drawsBackground = true
    textView.backgroundColor = NSColor.textBackgroundColor
    textView.textColor = NSColor.labelColor
    textView.delegate = self.delegate
    textView.drawsBackground = true
    textView.font = self.font
    textView.isEditable = self.isEditable
    textView.delegate = self.delegate
    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

    return textView
    }()

    // MARK: - Init
    init(text: String, isEditable: Bool = true, font: NSFont = NSFont.systemFont(ofSize: 32, weight: .ultraLight)) {
    self.isEditable = isEditable
    self.font = font
    self.isEditable = isEditable
    self.text = text

    super.init(frame: .zero)
  11. unnamedd created this gist Jul 23, 2019.
    181 changes: 181 additions & 0 deletions TextView.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,181 @@
    //
    // Created by Thiago Holanda on 22.07.19.
    // Copyright © 2019 unnamedd codes. All rights reserved.
    //

    import Combine
    import SwiftUI

    struct EditorTextView: NSViewRepresentable {
    @Binding var text: String

    var onEditingChanged: () -> Void = {}
    var onCommit: () -> Void = {}

    func makeCoordinator() -> Coordinator {
    Coordinator(self)
    }

    func makeNSView(context: Context) -> CustomTextView {
    let textView = CustomTextView(text: self.text)
    textView.delegate = context.coordinator

    return textView
    }

    func updateNSView(_ view: CustomTextView, context: Context) {
    view.text = text
    }
    }

    #if DEBUG
    struct EditorTextView_Previews: PreviewProvider {
    static var previews: some View {
    Group {
    EditorTextView(text: .constant("{ \n planets { \n name \n }\n}"))
    .environment(\.colorScheme, .dark)
    .previewDisplayName("Light Mode")

    EditorTextView(text: .constant("{ \n planets { \n name \n }\n}"))
    .environment(\.colorScheme, .light)
    .previewDisplayName("Dark Mode")
    }
    }
    }
    #endif

    extension EditorTextView {
    class Coordinator: NSObject, NSTextViewDelegate {
    var parent: EditorTextView

    init(_ parent: EditorTextView) {
    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
    }

    func textDidEndEditing(_ notification: Notification) {
    guard let textView = notification.object as? NSTextView else {
    return
    }

    self.parent.text = textView.string
    self.parent.onCommit()
    }
    }
    }

    final class CustomTextView: NSView {
    private var isEditable: Bool
    private var font: NSFont

    weak var delegate: NSTextViewDelegate?

    var text: String {
    didSet {
    textView.string = text
    }
    }

    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 textStorage = NSTextStorage()


    let layoutManager = NSLayoutManager()
    textStorage.addLayoutManager(layoutManager)


    let textContainer = NSTextContainer(containerSize: scrollView.frame.size)
    textContainer.widthTracksTextView = true
    textContainer.containerSize = NSSize(
    width: contentSize.width,
    height: CGFloat.greatestFiniteMagnitude
    )

    layoutManager.addTextContainer(textContainer)


    let textView = NSTextView(frame: .zero, textContainer: textContainer)
    textView.minSize = NSSize(width: 0, height: contentSize.height)
    textView.maxSize = NSSize(width: CGFloat.greatestFiniteMagnitude, height: CGFloat.greatestFiniteMagnitude)
    textView.isVerticallyResizable = true
    textView.isHorizontallyResizable = false
    textView.autoresizingMask = .width

    textView.drawsBackground = true
    textView.backgroundColor = NSColor.textBackgroundColor
    textView.textColor = NSColor.labelColor
    textView.font = self.font
    textView.isEditable = self.isEditable
    textView.delegate = self.delegate

    return textView
    }()

    // MARK: - Init
    init(text: String, isEditable: Bool = true, font: NSFont = NSFont.systemFont(ofSize: 32, weight: .ultraLight)) {
    self.isEditable = isEditable
    self.font = font
    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
    }
    }