限制bootstrap4可编辑的textarea每行的文本长度,不是总长度,没有换行

时间:2019-04-10 14:16:28

标签: jquery bootstrap-4

限制可在文本区域内写入的文本的总长度很简单,但是我需要限制每行的文本

因此,想象一个具有200行的文本区域。 每行可以包含45个字符。 textarea的总文字并不重要,我只想限制每行 的文字量。

我很确定bootstrap4中没有什么可以帮助我的,所以我猜我需要依靠JavaScript。

我在SO上发现了一些类似的问题,但他们最终只是将文本包装在x列之后。

在我的用例中,应该期望用户从excel文件中复制/粘贴数十列,并且每一行都必须解释为彼此独立,因此换行会使情况变得更糟,而不是更好。

通过使用以下CSS,我可以删除默认的包装:

white-space: pre;
overflow-wrap: normal;
overflow-x: scroll;

我将如何在JS(最好是Jquery)中编写一个函数,该函数每次用户在textarea中粘贴/写入新数据时都从x字符中删除每行中的多余字符?

或者,在保存到数据库之前,我可以在php一侧的每一行上修剪文本,但是那样的话,用户会在视觉提示上迷失方向。

0 个答案:

没有答案