Javascript 如何使用动态HTML数据实现更多和更少的功能？

我有一个JSP页面，其中我需要显示一个DIV，其中包含来自数据库表字段的HTML（其数据输入字段是TinyMCE）。我必须实现更多和更少的功能（如）。我不能做子字符串，因为它可能会在中间剪切一些HTML标记，而一些标记可能会保持未关闭状态，这会影响我的UI。我不能根据DIV的高度显示和隐藏，因为字体由TinyMCE控制，不同的行可能有不同的字体大小，这可能会导致最后一行部分显示

---

提前感谢。

在获取后和显示apply jquery truncate plugin期间，请确保将以下属性应用于div

word-wrap:break-word

---

感谢Deepak，我接受了jQueryTruncateAPI，非常感谢。