How to use AttributedString with TextEditor?

Question

I am using TextEditor with the String type right now but I want to use AttributedString because I want to find every character that starts with a # symbol and mark it a different color using range.

How can I use AttributedString with TextEditor?

struct PlaygroundView: View {
    @State private var text = AttributedString("")
    var body: some View {
        TextEditor(text: text)
    }
}

returns to me Cannot convert value of type 'AttributedString' to expected argument type 'Binding<String>'

Is there a way I can work around that or is there another view that would offer me multiline text capability? Eventually I also want to have embedded images and other content types as well. Not sure if there's a generic view. — Paul
– Paul, Commented Nov 1, 2022 at 5:54
You can check out my RichTextKit, which wraps UITextView and NSTextView in a SwiftUI RichTextEditor: github.com/danielsaidi/RichTextKit — Daniel Saidi
– Daniel Saidi, Commented Jul 2, 2024 at 5:35

Hussein · Accepted Answer · 2023-09-05 12:54:29Z

As of now SwiftUI TextEditor doesn't support AttributedStrings, to work around this, you might consider using a UIViewRepresentable to wrap a UITextView

import SwiftUI

struct AttributedTextEditor: UIViewRepresentable {
    @Binding var text: AttributedString

    func makeUIView(context: Context) -> UITextView {
        let textView = UITextView()
        textView.delegate = context.coordinator
        return textView
    }

    func updateUIView(_ uiView: UITextView, context: Context) {
        uiView.attributedText = text
    }

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

    class Coordinator: NSObject, UITextViewDelegate {
        var parent: AttributedTextEditor

        init(_ parent: AttributedTextEditor) {
            self.parent = parent
        }

        func textViewDidChange(_ textView: UITextView) {
            parent.text = AttributedString(textView.attributedText)
        }
    }
}

and you can use it in your SwiftUI view like this:

AttributedTextEditor(text: $attributedText)
        .onChange(of: attributedText, perform: { value in
            detectMentions()
    })

Alexander Sandberg · Accepted Answer · 2025-07-02 19:27:52Z

0

iOS/macOS 26+

The SwiftUI TextEditor now officially supports AttributedStrings using the new init(text:selection:) initializer.

struct StyledTextEditingView: View {
    @State private var text = AttributedString("This is some editable text...")

    var body: some View {
        TextEditor(text: $text)
    }
}

answered Jul 2 at 19:27

Alexander Sandberg

2,4192 gold badges30 silver badges40 bronze badges

1 Comment

Ash Sep 4 at 10:37

Note: this is currently available in the Beta versions of the OS only, not the default release version that installs when you download Xcode. It will probably be available in MacOS Tahoe and iOS / iPad 26.

Collectives™ on Stack Overflow

How to use AttributedString with TextEditor?

2 Answers 2

Comments

iOS/macOS 26+

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

iOS/macOS 26+

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related