Streamlit教程:如何实现动态调整文本区域高度的功能?
P粉007288593
P粉007288593 2023-09-04 17:34:31
0
1
590

在我的场景中,我有两个带有两个文本区域的st.columns。一个用于用户输入,另一个用于生成的文本。

是否可以使文本区域随着每一行的增加而扩展,并且去掉文本区域中的滚动条?

在测试时,我只能使用滚动条,并且我知道您可以使用st.markdown来插入HTML,但我不知道如何调用文本区域以及如何编辑这些以动态调整高度。

P粉007288593
P粉007288593

全部回复 (1)
P粉785957729

你需要编写一个小脚本来完成这项工作。请查看以下代码:

const textArea = document.querySelector('.textarea-test') textArea.addEventListener('input',(e)=>{ textArea.style.height = "auto" textArea.style.height = `${textArea.scrollHeight}px`; })
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!