ct-adc-auto-resize-textarea 是一款前端开发所用的 npm 插件，主要用于自动的调整 textarea 标签的高度。该插件的安装、使用和配置都非常简单，本篇文章将详细介绍其使用方法，并提供实用的示例代码。
一、安装
该插件可通过 npm 进行安装，输入以下命令即可安装：
npm install ct-adc-auto-resize-textarea --save
其中，--save 参数将该插件保存在项目的 package.json 文件中。
二、使用方法
使用 ct-adc-auto-resize-textarea 插件非常简单，只需在需要使用的文本域标签上添加 class="ct-auto-resize" 和 data-resize 值即可。如：
<textarea class="ct-auto-resize" data-resize=""></textarea>
其中，class="ct-auto-resize" 表示该文本域标签需要调整高度，而 data-resize="" 表示调整的方式，可以是一个具体的像素值，也可以是 auto。
三、配置参数
ct-adc-auto-resize-textarea 插件提供了多种配置参数，开发者可以根据自己的需求进行配置。以下是该插件的全部配置参数：
| 参数 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| selector | string | .ct-auto-resize | 文本域标签的选择器 |
| maxHeight | number | null | 文本域标签的最大高度 |
| minHeight | number | null | 文本域标签的最小高度 |
| addEvents | array | ['input', 'propertychange', 'focus', 'blur', 'keypress'] | 触发文本域高度调整的事件类型 |
| offset | number | 3 | 调整高度时的偏移值 |
| delay | number | 0 | 修改文本域内文字后的延迟执行时间 |
| animate | boolean | false | 文本域高度调整是否开启动画效果 |
其中，selector 参数表示需要调整高度的文本域标签选择器，默认为 .ct-auto-resize；maxHeight 和 minHeight 参数分别表示文本域标签的最大和最小高度；addEvents 参数表示需要触发高度调整的事件类型；offset 参数表示调整高度时的偏移值；delay 参数表示修改文本域内文字后的延迟执行时间，单位为毫秒；animate 参数表示文本域高度调整是否开启动画效果，默认为 false，即不开启。
四、示例代码
以下是一段实用的示例代码，可以直接使用：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------------------------------- ----------
-------
--------------- -
------ -----
------- --- ----- -----
-------- -----
---------- -----
------------ ----
----------- --- --- -----
-
--------------------- -
------------- --------
-------- -----
-
--------
-------
------
--------- ---------------------- --------------------------
--------- ---------------------- ------------------------------
--------- ---------------------- -----------------------------
------- --------------------------------------------------------------
------- --------------------------------------------------------------------------------------------------
------- -----------------------
---------------------------------------------------
--------- ------------------
---------- ---
---------- --------- ----------------- -----------
---
---------
-------
-------该示例代码中包括了三个文本域标签，分别对应不同的 data-resize 参数值。同时，演示了 ct-adc-auto-resize-textarea 插件的默认样式和自定义样式，最后使用了 ctAutoResizeTextarea() 函数进行初始化。运行代码后即可得到自动调整高度的文本域。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600568e281e8991b448e49fc