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

Question

我正在做一个 SwiftUI 项目，它需要的功能是在 IOS.

上制作富文本编辑器

我采用的方法相当简单，我使用 cbess/RichTextEditor link 最初在 UIKit 中编写并将其导入到 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 做一个富文本编辑器。我怎样才能实现它？你能给我一些关键字吗？一些 Repo？

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

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)")
        }
    }
}

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

Send data changes from UIKit, Wrapped inside UIViewRepresentable, to SwiftUI, and Rich Text Editor problem

ios

mobile

uiview

swiftui

uiviewrepresentable