ECL 文本区域组件

npm 软件包 : @ecl/text-area

npm install --save @ecl/text-area

参数:

• 编号 (字符串)(默认:随机) 文本区独有的 ID
• "残疾" (boolean) (默认:虚假) 禁用文本区域
• "无效" (boolean) (默认: 假) 以无效状态显示文本区域
• "必须" (boolean) (默认:虚假) 按需要标出文本区域
• "名字"("名字") (字符串)(默认为:")文本区域的名称属性
• "默认值" (字符串)(默认:")预填值
• "数" (整数) (默认: 4) 可见文本行数
• "占位符" (占位符) (字符串)(默认为:")占位符文本
• 宽度 (字符串) (默认:"m") 文本区域宽;可以是"s","m","l"
• “ 外部 标签 类” (字符串)(默认:")标签的额外类
• “ 超类” (字符串) (默认: “ ” ) 文本区域组包装的额外类
• "超级" (字符串)(默认为:") 额外类(空格分隔)
• “外部属性” (阵列) (默认: []) 额外属性
  • 名称 (字符串) 属性名称, 如“ 数据测试 ”
  • 值 (字符串) 属性值, 如 : “ data- test-1 ”

示例

{% include '@ecl/text-area/text-area.html.twig' with { 
  placeholder: 'Please enter your comment', 
  id: 'input-comment', 
  name: 'comment', 
  default_value: 'Hello world!',
  rows: 4, 
  width: 'm', 
  extra_classes: 'my-extra-class-1 my-extra-class-2', 
  extra_attributes: [ 
    { name: 'data-test-1', value: 'data-test-value-1' }, 
    { name: 'data-test-2', value: 'data-test-value-2' } 
  ] 
} %}