已禁用文本区域显示整个文本

Have disabled textarea show entire text

本文关键字：文本 显示 区域      更新时间：2023-09-26

我有一个禁用的textarea，它包含未知数量的文本，因为它与注释一起使用。例如，

<textarea class="col-md-10 col-sm-12 col-xs-12" disabled="true">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tortor sapien, convallis id molestie at, egestas et ex. Mauris sagittis lorem ut nunc commodo scelerisque. Sed congue, est in mattis vulputate, mi mauris facilisis lorem, in volutpat mi urna ac libero. Ut tempus nulla sed massa ullamcorper aliquam. Nullam laoreet purus vel mi feugiat, luctus vestibulum nunc vestibulum. Nulla lacinia sapien eu velit semper tristique et eu est. Aliquam sit amet facilisis mi. Nullam nec ullamcorper orci, auctor accumsan nibh. Morbi quis lacus velit. Nullam aliquet turpis quam, in pharetra lacus sodales at. Suspendisse id neque sed dui commodo aliquet. Vivamus blandit eleifend interdum. Morbi ac odio nulla. Mauris cursus ultrices ex, in placerat risus. Ut dictum justo a magna ornare pharetra.
</textarea>

问题是，由于textarea被禁用，用户不太清楚在使用IE时是否可以使用箭头滚动。我想做的解决方案是显示所有文本，这样就不需要滚动。我一直没能找到一种方法来迫使textarea一路爆炸。

如何在文本框中显示所有文本？Javascript和jQuery是开放使用的，但它需要在所有浏览器上工作，包括移动设备和IE9。

将文本放入div中，并使用CSS将其设置为类似textarea的样式。

使用CSS:

textarea {
    overflow:hidden;
    width:auto;
    height:auto;

简单：）。顺便说一下，对于一个禁用的文本区域，一个较短的版本是这样的：

<textarea disabled>

您可能需要使用类似于以下插件（或类似插件）的jQuery插件来更改文本区域的高度：http://blogs.sitepointstatic.com/examples/tech/textarea-expander/index.html

顺便说一下，它是disabled="disabled"，而不是disabled="true"。

相关文章：