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

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

你可能感兴趣的:(软件建模UML,UML,软件建模,StartUML,JavaScript)