问将用户输入限制为固定的宽度和高度可编辑的div

EN

在字体中使用base和div的大小来限制字符的长度，但是您必须更改字体大小和系列或行高，因为每个浏览器可以有不同的样式。

要限制div中的字符长度，需要忽略内容中的HTML标记，比如解释。

首先计算有多少个字符适合那里。

您可以使用cols="“属性限制每行的字符数，并使用rows="”属性设置显示的可编辑行数。然而，限制行数只能使用maxlength属性，该属性将控制您可以拥有的字符数，这是您必须估计的。有一些hacks to limit the number of rows with event listeners，但它们似乎有相当大的bug。

这是可能的，您只需要做以下操作：

• 使用事件处理程序来控制字符输入过程。当达到限制时，需要能够停止处理进一步的击键。使用keypress和keydown，首先处理字符处理，当用户按下一个键时，使用第二个控制键，使用单独的缓冲区产生最终结果，计算它的边界矩形，如果它大于限制，则可以用行数乘以行高来计算文本正文的防止事件properties).
• Width (使用HTML5 canvas measureText方法可以相当简单地计算文本正文的解释font-size和line-height CSS handling.
• Height。
• 如果你没有canvas，您可以使用屏幕外的span (或任何其他inline)元素-只需使用文本块填充innerHTML并使用其offsetWidth属性。实际上，如果您用<br>替换换行符，您可以使用span方法一次性获得两个维度-只要确保它具有与可编辑容器相同的样式。

据我所知，HTML已经以ContentEditable格式存储了正文(换句话说，用<br>代替了换行符)。