javascript - Javascript/Jquery 技术：使用溢出对固定大小的文本区域进行分页：隐藏

Question

我有一个用户输入<textarea id='input_text'>元素，具有以下 CSS：

#input_text{ 
    height:200px; 
    overflow:hidden;  
    border-width:0;
    background-color:transparent;
}

'overflow:hidden' 的主要原因是为了避免在 textarea 已满时弹出丑陋的滚动条。相反，我希望在 textarea 变满时进行分页。实现这一点的最佳方法是什么？我正在考虑 javascript/jquery，但不确定具体如何。

附加说明：当到达 textarea 末尾时，分页会自动发生（新页面），而如果用户退格或单击指向它的链接（返回第 1 页），页面会切换回（旧页面）。

不期待完整的解决方案，但一些有用的提示对我来说会派上用场（可能还有未来的编码人员）。谢谢。

score 1 · Accepted Answer

文本区域的分页是一个可怕的想法。如果我的评论太长，我不应该通过多页来阅读它。

我会选择http://plugins.jquery.com/project/TextAreaResizer，这是 StackOverFlow 在其文本区域中使用的同一个插件。它允许用户随心所欲地扩展文本区域。

score 1 · Accepted Answer

我会做类似的事情：

该解决方案的“有趣”部分是如何在中间添加或删除某些内容时重新排列页面。

score 0 · Accepted Answer

jQuery.elastic插件将满足您的需求。随着更多文本进入，它会垂直拉伸文本区域。

3 回答 3