Can we add the original content to the style configuration?

[noobnooc]

I would like to add a copy button to the code block, but I am unable to find a method to do so. Below, you may find the code that I have attempted thus far:

Markdown(content.trimmingCharacters(in: .whitespacesAndNewlines))
            .markdownBlockStyle(\.codeBlock) { configuration in
                ScrollView(.horizontal) {
                    configuration.label
                        .padding(10)
                }
                .markdownTextStyle(textStyle: {
                    FontFamilyVariant(.monospaced)
                    FontSize(.em(0.85))
                })
                .background(Color.primary.opacity(0.1))
                .cornerRadius(8)
                .padding(.bottom)
                .textSelection(.enabled)

                // TODO: - Get the content
                .overlay(alignment: .bottomTrailing) {
                    Button {
                        // Here is the coping mechanism, but it seems like there is no way to retrive the code content.
                        // Can we add the code content to the configuration?
                    } label: {
                        Image(systemName: "doc.on.doc")
                    }
                    .tint(.secondary)
                    .frame(height: 25)
                    .buttonStyle(.borderedProminent)
                    .padding(10)
                }
            }

Maybe we can add the code content to the configuration? Or is there another way to do this?

[gonzalezreal]

Hi @noobnooc,

Have you considered using SwiftUI's text selection API? By applying the textSelection(_:) modifier to the Markdown view, you can allow users to copy the contents.

Markdown {
  """
  You can quote text with a `>`.
  > Outside of a dog, a book is man's best friend. Inside of a
  > dog it's too dark to read.
  – Groucho Marx
  """
}
.textSelection(.enabled)

While it would be possible to add a CodeBlockConfiguration type that provides the code block text content to allow implementing a copy button, the styling API is intended only for appearance customization. I am open to reconsidering this if more use cases require accessing the text contents from the block-style body.

[mmohades]

+1 on this. It'd be nice to have the option of modifying blocks, like the code-blcok.

[mmohades]

Also, text selection doesn't seem to work on my simulator. :/

[Pasteboard] ...saving pasteboard failed with error: Error Domain=NSItemProviderErrorDomain Code=-1000 "Cannot load representation of type com.apple.uikit.attributedstring" UserInfo={NSLocalizedDescription=Cannot load representation of type com.apple.uikit.attributedstring, NSUnderlyingError=0x6000007caf10 {Error Domain=NSCocoaErrorDomain Code=4866 "Caught exception during archival: -[__NSCFType encodeWithCoder:]: unrecognized selector sent to instance 0x600002cae880

Edit: works fine on the phone

[gradddev]

@gonzalezreal, I added the copy button, but then I realized that I don't have access to the code. That's really unfortunate.

[gonzalezreal]

I am working on something to enable this functionality. Unfortunately, it can take a while because I need to refactor a few things internally. In the meantime, please use the textSelection(_:) modifier as a workaround.

[gradddev]

Currently, I am using my own implementation of markdown rendering, but yours looks much better. It's a lot of work, so thank you for that. I will be waiting for the new feature.

[gonzalezreal]

FYI: relevant to this discussion, #215 and #220 have been merged into the main branch and should fulfill this feature request.

[wscqs]

need copybutton +1

[noobnooc]

The latest version 2.1.0 has the capacity to implement a copy button.

[kmmao]

I updated to version 2.1.0, but I'm not sure how to properly call the copy button.

[moophis]

You can refer to the code #249 for the copy functionality.

[wscqs]

来信已经收到。

[wscqs]

来信已经收到。