Streamlit教程:如何实现动态调整文本区域高度的功能?
P粉007288593
P粉007288593 2023-09-04 17:34:31
0
1
766
<p>在我的场景中,我有两个带有两个文本区域的st.columns。一个用于用户输入,另一个用于生成的文本。</p> <p>是否可以使文本区域随着每一行的增加而扩展,并且去掉文本区域中的滚动条?</p> <p>在测试时,我只能使用滚动条,并且我知道您可以使用st.markdown来插入HTML,但我不知道如何调用文本区域以及如何编辑这些以动态调整高度。</p>
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`;
})
<textarea name="" id="" cols="30" rows="4" class="textarea-test"></textarea>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板