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

Question

我正在使用个人定制的所见即所得 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> 被 hadeled...我想发送两个不同的文本数据到 mysql DB。一种用于桌面设备，一种用于移动设备。所以基本上我需要Ex1>一个高度为530px的(对于桌面)和一个 350px(适用于移动设备)

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

Answer 1

• 高度等于字体大小 * 行数
• 行数等于文本长度/文本区域的宽度
• 对于等宽字体，文本长度等于字符 + 空格，对于其他字体则不然
• 字符+空格由 textContent/innerText 返回trimming之后的属性(property)