问题描述
有什么办法可以增加这里找到的文本区域...?
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”的文本区域。 (这就是问题所要求的。)如果需要,您可以随意概括脚本以调整任何站点上所有文本区域的大小。