Creating a copy button for response from the Chatbot without using st.code

[pradeepgadkari]

I am creating a chatbot and would like to know if there is a way to create a copy button in Streamlit which would allow to copy the response (like in ChatGPT).

I tried using st.code but it highlights reserved words and also the text is not wrapped properly.

Is there a way it can be implemented without using st.code?

[dataprofessor]

Hi @pradeepgadkari

There’s actually an implementation made by a community member that does this:

It Works! Custom "Copy to Clipboard" Buttons

This honestly felt a bit like dark magic - Let’s go: The trick here is that we can’t have Javascript when we want it - however we can have javascript if we use a separate html page embedded as an iframe. First off, you’ll need to host this html file somewhere (as a side note, I couldn’t find way to host an html file directly using static file serving in Streamlit - I could point an iframe to the static file on my server and it would simply render the raw html content/source code into the fram…

Hope this helps!