Streamlit-Tutorial: Wie passt man die Höhe des Textbereichs dynamisch an?

Question

In meinem Szenario habe ich zwei St.-Spalten mit zwei Textbereichen. Eine für Benutzereingaben und eine für generierten Text.

Ist es möglich, den Textbereich mit jeder Zeile zu erweitern und die Bildlaufleisten im Textbereich zu entfernen?

Beim Testen kann ich nur Bildlaufleisten verwenden, und ich weiß, dass Sie st.markdown zum Einfügen von HTML verwenden können, aber ich weiß nicht, wie man den Textbereich aufruft und wie man diese bearbeitet, um die Höhe dynamisch anzupassen.

Answer 1

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

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>