Cutter.js 按字数截取 HTML 内容不会丢失标签的 JavaScript 库

Question

Cutter.js 是一个按字数截取 HTML 内容不会丢失标签的 JavaScript 库，这个类库解决了内容剪裁问题，可能你有内容长度的限制，而且你不希望修改标签。它帮助你简单的剪裁内容到需要的长度，而且允许你查看完整的内容。

如何使用

Cutter.run( oApplyTo, oTarget, nWords, oTexts, oClasses )

将 oApplyTo 元素上的内容剪切出指定字数，然后填充到 oTarget 元素内。

参数介绍

• oApplyTo : 待剪切内容的 DOM 元素。
• oTarget : 剪切后将内容填充到的目标 DOM 元素。
• nWords : 剪切字数。
• oTexts : 用于设置链接文字，点击后展开完整内容。可选。
  oTexts 默认值 {more:"View more"}
• oClasses : 设置 oTexts 所在连接的样式类。可选。
  oClasses 默认值 {more:"more"}

Cutter 是独立的不依赖任何其它类库和框架，非常轻量，gzip 之后仅 1.5k，并且跨浏览器支持。

简单示例

<script src="cutter.developer.js"></script>
<script>
var oElement = document.getElementById("test");
Cutter.run(oElement, oElement, 20, {more:"View more"}, {more:"more"});
</script>

点击这里：http://run.wenjiangs.com/code/#/?code=78Iik142

特性

• 没有 HTML 标记丢失。
• 无任何框架。
• 内容可写的不需要的全部内容的护理。
• 不需要有两个不同的内容。

浏览器支持

• IE >= 6
• Firefox >= 3
• Safari >= 4
• Google Chrome >= 4
• Opera >= 9.5

如何获取Cutter.js

官方网站  |  在线示例  |  下载地址  |  常见问题