重复网格(repeat grid)是XD的卖点之一,但是很多设计师在使用该工具的时候难免会遇到一些问题,比如:中文文字乱码。
1:拖入txt文本文件
首先,各位设计师都知道,利用重复网格工具可以直接将一个txt文本文件拖入至重复网格生成的文本中进行文字替换,下面就来看看理想状态和现实状态:
这一堆黑黑的问号是什么鬼?没错,乱码了!但是仔细一看,英文好像没乱码,乱码的仅仅是中文字符。
2: 原因分析
根据我超强的逻辑分析能力(咳咳~),理智分析一波:这种情况在写前端代码的时候有可能会遇到,主要是因为少了一句
<meta charset="UTF-8">
这句代码的意思是指定当前HTML文件编码格式为UTF-8,如果不指定的话,一旦文件中出现中文字符,在浏览器中渲染出来之后就有可能出现乱码了。
所以极有可能是我们的第1步中拖入的txt文件的编码格式不是UTF-8,以至于出现了乱码。
3:解决方法
这个时候用Windows自带的记事本工具打开刚刚的txt文本文件,执行“文件”—“另存为”菜单命令,在弹出的“另存为”对话框中指定文件的编码格式为UTF-8,然后覆盖原来的txt文件就行了。