Nossas redes sociais
youtube
Helisi-1984
Se o site o ajudou, ajude o site
pix
008-064-101-67
henrique liandro
da silva
ajude o site a continuar funcionado
Caixa com borda em html copiar texto para a área de transferência. com botão - Streamilit
def Func_Texto_Cop(txt):
# Define o HTML da caixa de texto a ser exibida na página
Caixa_Text = f'''
<head>
<link href='https://fonts.googleapis.com/css?family=VT323' rel='stylesheet'>
</head>
<div style="background-color: #E8E6E6;
width: 90vw;
border-radius: 5px;
padding: 10px;
box-shadow: 0 0 0.2em black;
font-family: 'VT323', monospace;
height: auto;
word-wrap: break-word;">
<div id="texto">
{txt}
</div>
'''
# Define o estilo CSS a ser aplicado ao botão
Estilo = '''#meu-botao {
border-color: #000;
background-color: #F8F8FF;
border-radius: 5px;
padding: 5px 10px;
border: 2px dashed;
font-weight: bold;
}
#meu-botao:hover {
background-color: #C0C0C0;
color: white;
border-color: white;
}'''
# Define a função para copiar o texto e trocar o nome do botão após a cópia
Func_Copia_Troca_Nome = """
function copiarTexto() {
var texto = document.getElementById('texto').innerText;
navigator.clipboard.writeText(texto)
.then(() => {
alert('Texto copiado para a área de transferência.');
})
.catch(() => {
alert('Não foi possível copiar o texto.');
});
var botao = document.getElementById('meu-botao');
botao.innerHTML = '✔ Copiado';
botao.style.backgroundColor = '#C0C0C0';
botao.style.borderColor = 'black';
botao.style.color = 'blue';
}
"""
# Exibe o HTML completo na página com a caixa de texto e o botão
components.html(f"""
<style>{Estilo}</style> Seu Texto Atualizado: ↴
<button id="meu-botao" style="background-color: lightgray;" onclick="copiarTexto()">Copiar Texto</button>
{Caixa_Text}
<script>{Func_Copia_Troca_Nome}</script>
""", scrolling=True, height=800)
"Depoimentos são uma ótima forma de apresentar um feedback positivo que você recebeu. Adicione o seu."
Laura Castro
"Depoimentos são uma ótima forma de apresentar um feedback positivo que você recebeu. Adicione o seu."
Ana Serra
"Depoimentos são uma ótima forma de apresentar um feedback positivo que você recebeu. Adicione o seu."
Bruno Costa
"Depoimentos são uma ótima forma de apresentar um feedback positivo que você recebeu. Adicione o seu."
Cláudia Silva