How to Set isEditable and isSelectable for SwiftUI's TextEditor?

Question

I am looking for equivalents to control the isEditable and isSelectable properties of NSTextView in SwiftUI's TextEditor.

In AppKit, I can easily make a text view editable or selectable using:

textView.isEditable = isEditable
textView.isSelectable = isSelectable

However, I'm having trouble finding how to achieve similar functionality with a TextEditor in SwiftUI.

Answer 1

Preventing text selection

As of macOS Sonoma 14.3.1, TextEditor does not honor the textSelection or selectionDisabled modifiers. We need to resort to other means:

• Use allowsHitTesting(false) to prevent the user from selecting the text with the mouse.
• Use focusable(false) to prevent the user from focusing the TextEditor by pressing tab.

Preventing text editing

To prevent text editing, pass a Binding.constant to the TextEditor.

Demo

Use tab to move focus out of a TextField. Use ⌃tab (control-tab) to move focus out of a TextEditor.

import SwiftUI

struct MyView: View {
    @State var text = "hello world"

    var body: some View {
        Form {
            TextField("top", text: $text)

            LabeledContent("Editable") {
                TextEditor(text: $text)
            }

            LabeledContent("Selectable") {
                TextEditor(text: .constant(text))
            }

            LabeledContent("Unselectable") {
                TextEditor(text: $text)
                    .allowsHitTesting(false)
                    .focusable(false)
            }

            TextField("bottom", text: $text)
        }
    }
}

#Preview {
    MyView()
        .padding()
}