如何通过计算用户在 textarea 中输入的文本长度来输入特定标签？答案

【问题标题】：How do I input specific tags by calculating the text length which user input in textarea?如何通过计算用户在 textarea 中输入的文本长度来输入特定标签？
【发布时间】：2012-06-08 21:28:58
【问题描述】：

我正在使用个人定制的所见即所得 dhtml 编辑器。编辑器只能在桌面上使用。但我希望它同时显示在桌面和移动设备上。（并且它需要特定类别的标签和标签。）这让我开始思考……台式机（主要是笔记本电脑）和移动设备不一样。它们有不同的像素~如果我只使用文本数据，这不会有问题。但我正在使用特定的 & 标签（它们的宽度和高度必须在 CSS 中用像素定义）基本上我需要找到放置两种不同类型标签的方法（一种用于桌面，一种用于移动）通过计算文本输入从一个传入输入（用户输入到 dhtml 编辑器文本区域）。

ex>
.my_div
{
width: 450px;
height: 550px; 

}
.my_div .my_span
{
width: 350px;
height: 530px;


Ex1> <div class="my_div"><span class"my_span">It's like when the text user input here is more than
height of 530px....close this one and... </span></div>
<div class="my_div"><span class"my_span">...and in put new div and span tags automatically, reapeatedly until i press "End" button then close it with </span></div>

当 Ex1> 被选中时...我想将两个不同的文本数据发送到 mysql DB。一种用于桌面一种用于移动。所以基本上我需要Ex1>一个高度为530px（用于桌面）和一个 350 像素（用于移动设备）

我很想用整个代码来回答，但是，只是关键字！或方法或基本上与那个怪物有关的任何东西.... :( 因为这个，我已经熬了 3 天了！我的头快要爆炸了…… 以及我得到的每个搜索结果......只是展示了如何“删除”标签或如何输入
标签自动请帮帮我~谢谢你的时间~

【问题讨论】：

您应该使用 CSS 来区分移动体验，而不是 HTML 标签。
感谢您的回答，但我需要
用于特定的自定义 jquery-ui...

标签： javascript string tags dhtml

【解决方案1】：

高度等于字体大小 * 行数
行数等于文本长度/文本区域宽度
等宽字体的文本长度等于字符 + 空格，而不是其他字体
textContent/innerText 属性在trimming 之后返回字符 + 空格

【讨论】：

【解决方案2】：

您可以尝试 JavaScript + jQuery 来嗅探设备是否是移动设备并加载相关的 css。试试 Detect Mobile Browsers JavaScript 插件。

【讨论】：