文本工具
使用场景
识别多行文本时,有时无法判断是否应该保存一个多行文本节点还是需要切断成多个单行文本节点。可能错误的切断成多个文本节点,产生冗余的 DOM 结构。因此 CODE.FUN 提供了两个文本工具:
- 文本合并:将多个 Text 节点合并为一个 Text 节点;
- 清除换行符:清除多文本节点的换行符,或者空格。
经典案例
文本合并
段落被切断成多个单行文本节点。
操作流程
- 选中需要合并的文本节点;
- 点击菜单栏中的「文本合并」工具,即可将选中的多个 text 节点合并为一个 text 节点。
注:合并之后,产生的新文本节点样式,采用合并之前第一个文本节点的样式,但是行高除外,采取行高最高的样式。
清除换行符
文案节点有换行,被识别成多个 Text 节点,同时每个Text节点还有不同的 class。产生冗余的 DOM 和 CSS。
操作流程
- 选中需要清除换行符的 text 节点;
- 点击菜单栏中的「清除换行符」工具,即可将多余的空格或者换行清除。
注意
- 必须选择文本节点,选择其他view等节点,不支持合并;
- 不支持跨层级合并文本节点。即父节点A与父节点B下各自的子文本节点,不支持合并;
- 可合并的节点,必须是同一个父元素下,紧紧相邻文本元素。