当前位置：首页 > news >正文

StartUML 5.1.0文本框中文自动换行和排版问题解决

news 来源：原创 2025/4/22 9:12:34

StarUML文本自动换行存在的问题

中日韩字符之间无空格，导致无法自动换行
显示时，多个空格会被压缩为一个，自动去除独立的空行

问题定位

换行的英文单词通常为word wrap，因此通过全文查找app.asar中的js文件是否存在wordWrap方法，可以发现有src/core/graphics.js和src/engine/pdf-graphics.js两个文件中存在wordWrap方法。

官方的实现代码简单粗暴，因此中文换行和排版问题在所难免。

修改代码

在graphics.js和pdf-graphics.js的文件头部增加正则表达式的常量定义：

// 匹配中文字符（包括繁体）的正则表达式
const CHINESE_PATTERN = /[\u4e00-\u9fa5]|[\u3000-\u303f]|[\uff00-\uffef]|[\u3040-\u309f\u30a0-\u30ff\u3105-\u312f\u31f0-\u31ff]/g;
// 匹配西文单词、连续空格/制表符以及换行符的正则表达式 
const WESTEN_WORD_PATTERN = /\b\w+\b|[\x20\t]+|\r?\n/g;
// 匹配连续的特殊字符
const SPECIAL_CHARS_PATTERN = /([\x21-\x2F]|[\x3A-\x40]|[\x5B-\x60]|[\x7B-\x7E])+/g;
// 匹配日文汉字的正则表达式  
const JAPANESE_PATTERN = /[\u3040-\u309f\u30a0-\u30ff\u3105-\u312f\u31f0-\u31ff]/g;
// 匹配韩文字符的正则表达式  
const KOREAN_PATTERN = /[\uac0