我正在尝试创建div,它看起来像多行输入,并且能够使用taggle.js库插入标签。现在,我正努力限制标签(而不是字符)的最大行数。
<div id="divinput" tabIndex="1" class="custom mcustom textarea" contentEditable>
</div>
一个非常简单的演示看起来像这样: https://jsfiddle.net/t9sabcy3/1/
请原谅我将taggle.css放入脚本下面的css部分(我用长的/ * ------------------- * /注释将它们分隔开了),可以吗? t附加到此文件的头部。 我已准备好演示,以便在填满第一行后停止。
问题在3种情况下显示。
第一个只是一直写并且接受标签->尽管它应该在第一行停止,但下一行显示。
第二种情况和第3种情况连接在一起,如果最后一个标签很长(在第二种情况下小于#divinput的宽度,在第3种情况下较大),则该标签会出现在第二行(在第三种情况下,即使第三行也会显示上)。
我无法使用输入(因为标签在那里不起作用),并且我尝试了一些选项,例如preventDefault(如在演示中),设置为nowrap(不起作用),触发退格键按下事件( keydown根本无法解决问题),现在我的想法已用尽。 感谢您的帮助