philippfrenzel/yii2-textareaautosize

Yii2 textareaautosize 小部件

维护者

详细信息

github.com/philippfrenzel/yii2-textareaautosize

主页

源代码

问题

安装: 835

依赖者: 2

建议者: 0

安全: 0

星标: 1

关注者: 1

分支: 6

开放问题: 1

类型:yii2-extension

1.2.0 2015-10-08 14:56 UTC

Requires

Requires (Dev)

MIT 3732a29a48c0b1c15aba608e3f49e6529d13a8bd

yii2textareaautosize

This package is not auto-updated.

Last update: 2024-09-14 16:39:51 UTC

README

JQuery Fullcalendar Yii2 扩展 JQuery 来自: http://arshaw.com/fullcalendar/ 版本 2.1.1 许可证 MIT

JQuery 文档: http://arshaw.com/fullcalendar/docs/ Yii2 扩展由 philipp@frenzel.net

一个微型示例可以在以下位置找到: http://yii2textareaautosize.beeye.org

Latest Stable Version Build Status Code Climate Version Eye License

安装

虽然包在packagist.org上注册了，所以您只需添加一行代码即可运行！

将以下行添加到您的composer.json的require部分

  "philippfrenzel/yii2-textareaautosize":"*",

并确保您已全局安装以下插件

php composer.phar global require "fxp/composer-asset-plugin:~1.0"

变更日志

29-11-2014 更新到库的最新 2.2.3 版本

使用方法

快速入门看起来像这样

  <?= net\frenzel\textareaautosize\yii2textareaautosize::widget([
      'model'=> $model,
      'attribute' => 'fieldname',
  ]);

  //or to use with form

  echo $form->field($model, 'amount')->widget(net\frenzel\textareaautosize\yii2textareaautosize::classname(), [
      --options--
  ]);

最小 CSS 要求

唯一的要求是将 box-sizing 设置为 border-box 并在 textarea 上设置 min-height。在下面的示例中，最小高度是一行文本，由基本字体大小、行高和垂直填充及边框确定。

textarea {
  box-sizing: border-box;
  max-height: 94px; /* optional, but recommended */
  min-height: 31px;
  overflow-x: hidden; /* for Firefox (issue #5) */
}

增加 min-height 以拥有更多的初始行数。一旦文本超过最小高度，textarea 将自然扩展。overflow-x 设置是为了防止 Firefox 出现初始额外的一行。