继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

中间截断的字符串处理方法:trimMiddle()

翻过高山走不出你
关注TA
已关注
手记 254
粉丝 31
获赞 67

macOS 的Finder应用有一个很酷的功能,它不会裁剪超出空间限制的文件名,而是在文件名中间进行裁剪。这样做确实更有道理,因为这样还能显示文件的格式。

MacOS的Finder显示中间带有省略号的长文件名。

目前(虽然有一个关于此事的CSS讨论),JavaScript 和 CSS 当前还没有实现这种功能的方法,所以我决定写一个这样的方法。我给你提供 trimMiddle(),作为 trimStarttrimEnd 的一个补充功能。

你可以找到它。

在 NPM 上:https://www.npmjs.com/package/trimMiddle
在 GitHub 上:https://github.com/codepo8/trimMiddle

你可以试试这个演示页面,看看它是怎么运作的:

The test page showing the method in action

要在您自己的产品中使用它,您可以使用 npm -i trimmiddle 或通过 unpkg 获取客户端版本。

    <script src="https://unpkg.com/trimmiddle@0.1.0/clientside.js"></script>

进入全屏 退出全屏

这种方法允许你设定想要显示的字符数以及各部分间的分隔符。默认情况下显示16个字符,并使用省略号进行分隔。当字符串超出字符限制时,该脚本使用Intl.Segmenter API,这意味着它也能很好地处理包含复合表情符号的字符串。在这种情况下,普通的字符串分割或截取方法将不起作用。

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP