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

Question

我正在使用个人定制的wysiwyg dhtml编辑器。 编辑器只能在桌面上使用。 但我希望它能在桌面和移动设备上显示。 （它需要特定类别的标签和标签。） 这让我感到困惑......桌面（主要是笔记本电脑）和移动设备不一样。 他们有不同的像素〜如果我只使用文本数据这不会是一个问题。 但我正在使用特定的＆amp;标签 （它们的宽度和高度必须在CSS中用像素定义） 基本上我需要找到放置两种不同类型标签的方法（一种用于桌面，一种用于移动） 通过计算文本输入，从一个输入输入（用户输入到dhtml编辑器textarea）。

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＆gt;是hadeled ...我想发送两个不同的文本数据到mysql DB。 一个用于Desktop One for Mobile。所以基本上我需要Ex1＆gt;一个高度为530px（适用于桌面） 和一个350px（移动）

我喜欢用完整的代码来回答，但只是关键字！或方法或基本上任何与那个怪物有关的东西...... :( 因为这个，我已经3天一夜了！我的脑袋即将爆炸...... 我得到的每一个搜索结果......只显示如何“删除”标签或如何输入标签 自动请帮帮我〜谢谢你的时间〜

Answer 1

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

Answer 2

如果设备是移动设备并加载相关的CSS，您可以尝试使用JavaScript + jQuery来嗅探。尝试检测移动浏览器JavaScript插件。