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

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

发布于 2018-07-13 字数 2293 浏览 1685 评论 0

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

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

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

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2891 文章
评论
84935 人气
更多

推荐作者

勿忘心安

文章 0 评论

ekko

文章 0 评论

江挽川

文章 0 评论

献世佛

文章 0 评论

Meets

文章 0 评论