增加文本区域以查看更多行文本

如何解决增加文本区域以查看更多行文本

有什么办法可以增加这里找到的文本区域...？

https://www.google.com/intl/mr/inputtools/try/

我试过这个书签，但它似乎不起作用：

javascript:(function(){var%20i,x;%20for(i=0;x=document.getElementsByTagName("INPUT")[i];++i)%20x.size%20+=%2035;%20})()

我可以在更大的文本区域中阅读更多文本。好像没有改变输入框高度的选项。

解决方法

javascript:(function () {
  const tx = document.getElementsByTagName("textarea");
  for (let i = 0; i < tx.length; i++) {
    tx[i].style.resize = 'auto';
  }
})()

如果您在 textarea 上添加 css 属性 resize: auto，您可以通过从它的右下角拖动 textarea 来调整大小。

使用书签：

javascript:(function () {
  const tx = document.getElementsByTagName("textarea");
  for (let i = 0; i < tx.length; i++) {
    tx[i].style.resize = 'auto';
  }
})()

以下书签放大了 https://www.google.com/intl/mr/inputtools/try/ 处的文本区域。它将加长 textarea 以适应所有内容而无需滚动，如果内容较短，则为 500 像素。已在 Chrome 和 Firefox 上进行测试。

书签：

https://bookmarkify.it/45407（不要将此链接直接添加到书签栏，添加在那里找到的书签链接。您还可以从链接页面轻松修改和创建新书签。）

代码：

// Find the text area.
element = document.getElementById('demobox')

// Calculate new height.
newHeight = Math.max(500,element.scrollHeight)

// Set height of element.
element.style.height = newHeight + 'px'

请注意，此书签可能仅适用于 https://www.google.com/intl/mr/inputtools/try/，因为它会查找 ID 为“demobox”的文本区域。（这就是问题所要求的。）如果需要，您可以随意概括脚本以调整任何站点上所有文本区域的大小。