如何定义bootstrap tokenfield以使用textarea

Question

我尝试在textarea上定义tokenfield，其高度更高但显示为文本框（单行）。如何自定义令牌字段以使用textarea？

dispatcher.setStaticDirname(__dirname);

TypeError: dispatcher.setStaticDirname is not a function
    at Object.<anonymous> (/Users/NodeJS/node_modules/server.js:5:12)
    at Module._compile (module.js:573:32)
    at Object.Module._extensions..js (module.js:582:10)
    at Module.load (module.js:490:32)
    at tryModuleLoad (module.js:449:12)
    at Function.Module._load (module.js:441:3)
    at Module.runMain (module.js:607:10)
    at run (bootstrap_node.js:420:7)
    at startup (bootstrap_node.js:139:9)
    at bootstrap_node.js:535:3

<textarea name="f1_email" placeholder="Enter Friends's Email separated by comma" class="f1-facebook form-control" rows="10" cols="30" id="f1-referral-email"></textarea>

实际输出：

感谢任何帮助或建议，谢谢你。

Answer 1

正如here所述，可以通过它的CSS (bootstrap-tokenfield.css)来调整tokenfield。请检查并查找(input-sm, input-lg etc)。这只是创建custom textarea的黑客攻击。然后在input标记中选择相应的类。或者，如果您想创建自定义尺寸，请参阅以下代码：

HTML：

<div class="form-group form-group-xl">
  <input type="text" class="form-control" id="my-tokenfield">
</div>

CSS：

.form-group.form-group-xl .form-control {
  height: 50px;
  line-height: 50px;
}
.form-group.form-group-xl .tokenfield {
  height: auto;
  min-height: 50px;
}