javascript - 如何通过单击鼠标更改文本区域的高度

Question

我正在尝试做这样的事情。

• 我想在用户点击按钮时增加文本区域的高度

为此我做了一个这样的按钮<a id="expandText" href="#"> Expand </a>并添加了以下 javascript

$('#expandText').click(function () {
    $('#id_text').animate({ height: "1000px" }, 500);
    //$('#id_text').css( "height","+=85" );
});

我尝试了两件事

1. 一个是设置文本框高度的动画
2. 另一个是改css，但是都没用

编辑:我尝试了下面给出的所有内容，但仍然无法正常工作。有没有可能因为这个 textarea 有一个 class = MCeEditor 使得这个 textarea 成为一个编辑器而不仅仅是一个普通的文本区域

Answer 1

你说文本区域有 MCeEditor 类 - 所以我猜那是 TinyMCE 或类似的东西。

如果是这样，请在您使用的任何浏览器中使用检查元素(如果显示 TinyMCE 上下文菜单，请按住 CTRL 以获取浏览器上下文菜单)，然后在编辑器中向下导航，直到找到 iframe 所在的位置写作真的发生了。如果我没记错的话，选择器 .mceEditor iframe 应该可以。

所有这一切的原因是 TinyMCE 隐藏了您的实际文本区域，并自行创建了一个编辑器。当您输入 TinyMCE 时，它会将该文本放回您的文本区域，以便您可以按预期从服务器端检索它。因此，当您看到 MCE 编辑器时，您并没有像人们预期的那样直接操作文本区域。