增加文本区域的书签

Question

问题与此处发布的（我自己的）问题非常相似......

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

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

释义工具网

我尝试按照下面提到的方式修改小书签，但没有成功。

// 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是否正确。

---

更新：

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

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'))
})();