文本溢出与国际化

最新推荐文章于 2021-08-31 14:14:04 发布
原创 最新推荐文章于 2021-08-31 14:14:04 发布 · 1.6w 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#text ellipsis #国际化

本文探讨了在遇到text ellipsis（文本溢出）时如何处理国际化问题，尤其是在避免longstring导致的布局问题中遇到的挑战。通过示例，解释了一个错误的处理方式——未使用UTF-8导致的乱码问题，并提出了修正方法，改进了代码，以解决这个问题。最后，作者强调作为国际化测试工程师应该具备解决此类问题的能力和责任。

无论是table控件中可调节长度的column，还是tooltip中说明文字，想必大家对text ellipsis（文本溢出）的场景都再熟悉不过。说得再直白些，就是文本显示的部分省略，通过该功能可以有效避免layoutbreak问题。话说这对国际化人开发和测试人员来说应该是个利好啊，这样不就有效避免了各种longstring带来的布局问题么？Absolutely!然而世间事物就是这么奇特，往往兴一利则生一弊……

 

不信？那么就请各位看官上眼，关注Name字段，我们可以清晰的看到一个实心儿的diamondquestion mark，何故？


抢答中——dev肯定没使用UTF-8码表！

 

嗯，非常好！我就欣赏积极参与的！不过……大哥！再看看context吧！笔者开篇就在讲述text ellipsis，合着都白说啦是么？得嘞，不卖关子，让我们直接看dev是如何fix该问题的。关于Name的显示，原本的JS代码为return ToolUti

最低0.47元/天 解锁文章
text-ellipsis:如果太长，请剪掉一根绳子
05-08
文字省略号 如果太长，请剪掉一根绳子 为什么 您总是想切断长字符串。 安装 $ npm install --save text-ellipsis 用法 var ellipsis = require ( 'text-ellipsis' ) ; var short = ellipsis ( 'a very long text' , 10 ) ; console . log ( short ) ; // "a very ..." var short = ellipsis ( 'a very long text' , 10 , { side : 'start' } ) ; console . log ( short ) ; // "...ng text" var short = ellipsis ( 'a very long text' , 10 , { ellipsis : ' END' }
记录一下，uni-app关于国际化时，英文字符串多行文本溢出问题样式
qq_41546146的博客
10-30 569
<template> <view class="container"> <view> hello world</view> <view v-bind:class="{ 'module line-clamp': isActives }">本项目已包含uni ui组件，无需import和注册，可直接使用。在代码区键入字母u，即可通过代码助手列出所有可用组件。光标置于组件名称处按F1，即可查看组件文档。</view> <.
国际化中英文切换，英文内容长度过长的解决问题
随风潜入夜，不白头
08-07 5252
说真的，我卡在这里很久了，也查了网上很多前辈的文章与建议；换样式，改样式，改字体等等，有点手酸！ 当我把英文版排进资源文件后，测试切换中英文的那种感觉，这酸爽！遇到过这种状况的你应该知道的；好了，我们切入正题，如何解决： （1）将你的排版的&lt;div&gt;你的中英文内容，各种标签的中英文内容&lt;/div&gt;的高度去掉，去掉，去掉，三遍了啊！这个就是用内容撑开div标签我们可以设...
检测文本是否应用了text-ellipsis省略样式
justforuse的博客
10-23 1479
css提供了可以省略过长文字的样式：text-ellipsis: hidden，那么如何检测文本是否被省略呢？ 如果有一个伪类，类似:placeholder-shown，比如：:ellipsis-shown，但是很现实并没有这个伪类，所以要想检测就必须使用js了。 所以只要比对文本实际长度和显示长度是否一致就可以知道是否被省略了，DOM提供了两个属性分别对应了两个长度：scrollWidth和o...
TextEllipsis 文本缩略/展开
Minions_Fatman的博客
08-31 1629
<template> <view> <uni-navbar fixed="true" title="文本缩略显示&img自适应" backgroundColor="#4683ff" color="#ffffff"> <view slot='left' class="pd-l-20 nav_left" @click="navBack()"> <image src="/static/images/back2.png"></im
国际化，英文比较长怎么处理，都用文本溢出感觉很不合理
最新发布
11-23
首先，用户的问题是关于国际化场景下处理英文文本过长的合理方法。用户提到参考了站内引用，但这个引用是关于PDF目录识别的，不是直接相关的。用户说明这只是参考，并强调参考用户上一次的问题和我的回答。但在这个...
【uni-app 富文本编辑器国际化与本地化实战】：多语言支持全面解读
![【uni-app 富文本编辑器国际化与本地化实战】：多...本文旨在探讨uni-app富文本编辑器的国际化与本地化实践，重点阐述了国际化与本地化的基本理论、技术原理、策略分析以及实际应用。通过详细介绍uni-app富文本编辑器
Android TextView文本折叠_展开的国际化与本地化实战指南
本文详细探讨了在Android开发中实现TextView文本折叠与展开的机制及其国际化与本地化的处理技巧。首先，介绍了Android TextView组件的基础知识以及文本折叠与展开的基本概念。接着，深入解析了文本折叠功能的实现...
【多语言文本处理】：textwrap与国际化最佳实践
[【多语言文本处理】：textwrap与国际化最佳实践](https://img-blog.csdnimg.cn/952723f157c148449d041f24bd31e0c3.png) # 1. 多语言文本处理简介 随着全球化的发展和信息技术的进步，多语言文本处理已经成为软件...
text-overflow:ellipsis的巧妙运用 显示...
h972321224的专栏
12-05 654
关键字: text-overflow:ellipsis 语法：text-overflow : clip | ellipsis 取值： clip ：默认值 。不显示省略标记(...)，而是简单的裁切. ellipsis： 当对象内文本溢出时显示省略标记(...). 可惜text-overflow 还只是ie的私有属性而已，也没被收录到w3c标准里 . 如果想让某个容器（div
text-overflow:ellipsis溢出文本显示省略号的详细方法
Java海洋
03-24 1329
<br />　今天有朋友在52css.com的留言板提出一个问题：为什么 text-overflow:ellipsis的时候没有任何效果呀？text-overflow是一个比较特殊的属性，在CSS手册中，这个属性是这样定义的：<br /><br />　　语法： <br />　　text-overflow : clip | ellipsis <br /> <br />　　参数： <br />　　clip : 　不显示省略标记（...），而是简单的裁切<br />（clip这个参数是不常用的！）<br />
Java Web基础入门第三十八讲 国际化(i18n)
热门推荐
李阿昀的博客
08-17 2万+
国际化开发概述软件的国际化：软件开发时，要使它能同时应对世界不同地区和国家的访问，并针对不同地区和国家的访问，提供相应的、符合来访者阅读习惯的页面或数据。 国际化(internationalization)又称为i18n(读法为i18n，据说是因为internationalization(国际化)这个单词从i到n之间有18个英文字母，i18n的名字由此而来)合格的国际化软件软件实现国际化，需具备以
国际化字符串过长的问题
shengyao15的专栏
01-23 1115
国际化会碰到有些语言的字符串过长， 会导致换行或是页面混乱。 在unionpay的时候，由于只支持中英文，页面的格式基本都能支持两种语言， 特殊的页面会用中英文特殊的css来区分。 而在hp需要支持很多国家的语言，非常难处理， 建议去掉国际化，或是只支持几种主要的语言， 翻译的时候需要限定目标语言的长度， 需要大量的页面调试。并不是简简单单的翻译。...
Unity中英文字长度
bingheliefeng的专栏
08-25 1817
string temp = "abc周"; print(temp.Length); print(System.Text.Encoding.Default.GetBytes(temp).Length);
Android应用资源---本地化（Localization）（二）
编程资料大全
04-14 297
使用本地化的资源 如何创建默认资源 把应用程序的默认文本放到下面位置和名称的一个文件中： res/values/strings.xml 在res/values/strings.xml中的文本字符串应该使用默认的语言，这种语言是期望大多数应用程序用户会说的语言。 必须设置的默认资源还包括其他的任何可描画资源和布局资源，以及动画资源。 res/drawable/（这个目录中至少要包含一个图...
swift如何实现语言国际化，适应各国语言
大黑
02-04 5055
在工程文件中创建新的文件右键New File -> Resource -> Strings File，取名为Localizable.strings选中工程在Localizations选项下选择“＋”即可选择想要适配的语言，如上图选择了英文和简体中文。选中后去掉stroyboard的勾选去掉此时在文件Localizable.strings下会多出两个字文件，分别对应英文和中问的Strings。在str
Unity3d 解决文字超出文本框范围
无涯
12-19 1万+
有时文本框中的文字过多会超出文本框的显示范围，影响显示效果。曾经尝试改变字体大小，倒是差强人意。但是，跟整体的风格就不一致了！百度了一下没有找到结果，还是google给力，一个链接就搞定了！ Unity3d本身就已经为我们考虑到了这个问题，并且提供了两种解决方案。http://docs.unity3d.com/Documentation/ScriptReference/GUIStyle-clip
软件国际化与本地化测试实战
"《全程软件测试》第7讲主要探讨了软件的国际化（I18N）和本地化（L10N）测试，讲解了这两个概念以及如何进行相关的测试实践。作者KerryZhu强调了在全球化背景下，软件需具备适应不同地区文化、语言和用户需求的能力...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值