从 UIKit 发送数据更改、包装在 UIViewRepresentable 中、到 SwiftUI 和富文本编辑器问题

Question

我正在做一个 SwiftUI 项目，它需要的功能是在 IOS 上制作富文本编辑器。

我遵循的方法相当简单，我使用了最初用 UIKit 编写的 cbess/RichTextEditor link 并将其导入到 SwiftUI 中。为了运行导入的 UIView，我将视图包装在一个 UIViewRpresentable 中，并将其添加到 SwiftUI 的 ContentView struct 中。

现在，我想在 UIView 中发布数据并将其分配给 @state ContentView 拥有的一个。

代码结构如下所示：

对于 ContentView (SwiftUI)

struct ContentView: View { 
    @State var textHtml: String = "" //I want all changes come from UIView be stored inside this
    var body: some View {
        VStack {
            Cbess(
                frameEditor: CGRect(x: 0, y: 40, width: 360, height: 400)
            )
        }
    }
}

对于 UiViewRepresentable

struct Cbess : UIViewRepresentable{

    let frameEditor : CGRect

    func makeUIView(context: Context) -> UIView {
        
        let frameEditor = RichEditorView(frame: frameEditor)
        
        let uiView : UIView = UIView()
        uiView.addSubview(editorView)
        return uiView
    }
    
    func updateUIView(_ uiView: UIView, context: Context) {
    }
}

对于 UiView（简体）

@objcMembers open class RichEditorView: UIView,  {
    var contentHTML : String // This variable get updated regularly

}

另外一个问题是我想仅通过 SwiftUI 制作富文本编辑器。我怎样才能实现它？能给我一些关键字吗？一些回购？

非常感谢任何帮助！感谢您阅读整个问题。

Answer 1

使用@Binding 并委托。

UIViewRepresentable 视图

struct Cbess : UIViewRepresentable {
    
    @Binding var textHtml: String
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    func makeUIView(context: Context) -> RichEditorView {
        
        let editorView = RichEditorView()
        editorView.delegate = context.coordinator
        return editorView
    }
    
    func updateUIView(_ uiView: RichEditorView, context: Context) {
    }
    
    class Coordinator: NSObject, RichEditorDelegate {
        
        var parent: Cbess
        
        init(_ parent: Cbess) {
            self.parent = parent
        }
        
        // Use delegate here
        func richEditor(_ editor: RichEditorView, contentDidChange content: String) {
            self.parent.textHtml = content
            print(content)
        }
    }
}

您的内容视图：

struct ContentView: View {
    @State var textHtml: String = ""
    var body: some View {
        VStack {
            Cbess(textHtml: $textHtml)
                .frame(width: 360, height: 400)
            
            Text("Print----\n\(textHtml)")
        }
    }
}