Tutoriel Streamlit : Comment ajuster dynamiquement la hauteur de la zone de texte ?
P粉007288593
P粉007288593 2023-09-04 17:34:31
0
1
620

Dans mon scénario, j'ai deux st.columns avec deux zones de texte. Un pour la saisie utilisateur et un autre pour le texte généré.

Est-il possible d'agrandir la zone de texte à chaque ligne et de supprimer les barres de défilement dans la zone de texte ?

Pendant les tests, je ne peux utiliser que des barres de défilement et je sais que vous pouvez utiliser st.markdown pour insérer du HTML, mais je ne sais pas comment appeler des zones de texte ni comment les modifier pour ajuster la hauteur de manière dynamique.

P粉007288593
P粉007288593

répondre à tous (1)
P粉785957729

Vous devez écrire un petit script pour faire le travail. Veuillez consulter le code ci-dessous :

const textArea = document.querySelector('.textarea-test') textArea.addEventListener('input',(e)=>{ textArea.style.height = "auto" textArea.style.height = `${textArea.scrollHeight}px`; })
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!