Bookmarklet增加文本区域

Question

问题与(我自己的)问题非常相似…

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

但是我正在寻找一种方法来获得更多的空间来写这个网站:

paraphrasetool.com

我试着修改bookmarklet，但它不工作。

// Find the text area.
element = document.getElementById('text_entry_entry_text_input')
// Calculate new height.
newHeight = Math.max(500, element.scrollHeight)
// Set height of element.
element.style.height = newHeight + 'px'

我不确定textarea ID是否正确。

更新:

---

网站上有两个文本框，两个文本框都应该放大，以便文本可以并排比较。

Answer 1

你的代码正在工作，你只需要添加额外的js来删除其父的max-height和height属性:

javascript: (() => {
// Find the textareas.
const element = document.getElementById('text_entry_entry_text_input')
const element2 = document.getElementById('text_entry_text_area')
// Calculate new height.
const newHeight = Math.max(500, element.scrollHeight, element2.scrollHeight)
// Set height of element.
element.style.height = newHeight + 'px'
element2.style.height = newHeight + 'px'
const parentElm = document.querySelector('[data-testid="text_entry_paraphrase_text_entry"]')
parentElm.style.maxHeight = "none"
parentElm.style.height = "auto"
element2.parentElement.style.maxHeight = "none"
element2.parentElement.style.height = "auto"
const parentChildren = document.querySelectorAll('.h-full')
parentChildren.forEach(child => child.classList.remove('h-full'))
})();