diff --git a/assets/screenshot-grid.png b/assets/screenshot-grid.png new file mode 100644 index 0000000..188592c Binary files /dev/null and b/assets/screenshot-grid.png differ diff --git a/assets/screenshot.png b/assets/screenshot.png new file mode 100644 index 0000000..d1d17cc Binary files /dev/null and b/assets/screenshot.png differ diff --git a/heti-addon.js b/heti-addon.js index 0941953..92ccf46 100644 --- a/heti-addon.js +++ b/heti-addon.js @@ -654,28 +654,32 @@ * Add right spacing between CJK & ANS characters */ - // 正则表达式来自 pangu.js https://github.com/vinta/pangu.js - const CJK = '\u2e80-\u2eff\u2f00-\u2fdf\u3040-\u309f\u30a0-\u30fa\u30fc-\u30ff\u3100-\u312f\u3200-\u32ff\u3400-\u4dbf\u4e00-\u9fff\uf900-\ufaff'; - const A = 'A-Za-z\u0370-\u03ff'; - const N = '0-9'; - const S = '`~!@#\\$%\\^&\\*\\(\\)-_=\\+\\[\\]{}\\\\\\|;:\'",<.>\\/\\?'; - const ANS = `${A}${N}${S}`; + const hasOwn = {}.hasOwnProperty; const HETI_NON_CONTIGUOUS_ELEMENTS = Object.assign({}, findAndReplaceDOMText.NON_CONTIGUOUS_PROSE_ELEMENTS, { - // Inline elements ins: 1, del: 1, s: 1, }); const HETI_SKIPPED_ELEMENTS = Object.assign({}, findAndReplaceDOMText.NON_PROSE_ELEMENTS, { - pre: 1, code: 1, sup: 1, sub: 1, - // Heti elements - 'heti-spacing': 1, + pre: 1, code: 1, sup: 1, sub: 1, 'heti-spacing': 1, 'heti-close': 1, }); const HETI_SKIPPED_CLASS = 'heti-skip'; - const hasOwn = {}.hasOwnProperty; - const REG_FULL = `(?<=[${CJK}])( *[${ANS}]+(?: +[${ANS}]+)* *)(?=[${CJK}])`; - const REG_FULL_FIX = `(?:[${CJK}])( *[${ANS}]+(?: +[${ANS}]+)* *)(?=[${CJK}])`; - const REG_START = `([${ANS}]+(?: +[${ANS}]+)* *)(?=[${CJK}])`; - const REG_END = `(?<=[${CJK}])( *[${ANS}]+(?: +[${ANS}]+)*)`; - const REG_END_FIX = `(?:[${CJK}])( *[${ANS}]+(?: +[${ANS}]+)*)`; + + // 部分正则表达式修改自 pangu.js https://github.com/vinta/pangu.js + const CJK = '\u2e80-\u2eff\u2f00-\u2fdf\u3040-\u309f\u30a0-\u30fa\u30fc-\u30ff\u3100-\u312f\u3200-\u32ff\u3400-\u4dbf\u4e00-\u9fff\uf900-\ufaff'; + const A = 'A-Za-z\u0080-\u00ff\u0370-\u03ff'; + const N = '0-9'; + const S = '`~!@#\\$%\\^&\\*\\(\\)-_=\\+\\[\\]{}\\\\\\|;:\'",<.>\\/\\?'; + const ANS = `${A}${N}${S}`; + const REG_CJK_FULL = `(?<=[${CJK}])( *[${ANS}]+(?: +[${ANS}]+)* *)(?=[${CJK}])`; + const REG_CJK_START = `([${ANS}]+(?: +[${ANS}]+)* *)(?=[${CJK}])`; + const REG_CJK_END = `(?<=[${CJK}])( *[${ANS}]+(?: +[${ANS}]+)*)`; + const REG_CJK_FULL_WITHOUT_LOOKBEHIND = `(?:[${CJK}])( *[${ANS}]+(?: +[${ANS}]+)* *)(?=[${CJK}])`; + const REG_CJK_END_WITHOUT_LOOKBEHIND = `(?:[${CJK}])( *[${ANS}]+(?: +[${ANS}]+)*)`; + const REG_BD_STOP = `。．，、：；！‼？⁇`; + const REG_BD_SEP = `·・‧`; + const REG_BD_OPEN = `「『（《〈【〖〔［｛`; + const REG_BD_CLOSE = `」』）》〉】〗〕］｝`; + const REG_BD_START = `${REG_BD_OPEN}${REG_BD_CLOSE}`; + const REG_BD_END = `${REG_BD_STOP}${REG_BD_OPEN}${REG_BD_CLOSE}`; class Heti { constructor (rootSelector) { @@ -689,13 +693,12 @@ } this.rootSelector = rootSelector || '.heti'; - this.REG_FULL = new RegExp(supportLookBehind ? REG_FULL : REG_FULL_FIX, 'g'); - this.REG_START = new RegExp(REG_START, 'g'); - this.REG_END = new RegExp(supportLookBehind ? REG_END : REG_END_FIX, 'g'); + this.REG_FULL = new RegExp(supportLookBehind ? REG_CJK_FULL : REG_CJK_FULL_WITHOUT_LOOKBEHIND, 'g'); + this.REG_START = new RegExp(REG_CJK_START, 'g'); + this.REG_END = new RegExp(supportLookBehind ? REG_CJK_END : REG_CJK_END_WITHOUT_LOOKBEHIND, 'g'); this.offsetWidth = supportLookBehind ? 0 : 1; this.funcForceContext = function forceContext (el) { return hasOwn.call(HETI_NON_CONTIGUOUS_ELEMENTS, el.nodeName.toLowerCase()) - // return true }; this.funcFilterElements = function filterElements (el) { return ( @@ -716,8 +719,8 @@ forceContext: this.funcForceContext, filterElements: this.funcFilterElements, }; - const getWrapper = function (classList, text) { - const $$r = document.createElement('heti-spacing'); + const getWrapper = function (elementName, classList, text) { + const $$r = document.createElement(elementName); $$r.className = classList; $$r.textContent = text.trim(); return $$r @@ -725,18 +728,30 @@ findAndReplaceDOMText($$elm, Object.assign({}, commonConfig, { find: this.REG_FULL, - replace: portion => getWrapper('heti-spacing-start heti-spacing-end', portion.text), + replace: portion => getWrapper('heti-spacing', 'heti-spacing-start heti-spacing-end', portion.text), offset: this.offsetWidth, })); findAndReplaceDOMText($$elm, Object.assign({}, commonConfig, { find: this.REG_START, - replace: portion => getWrapper('heti-spacing-start', portion.text), + replace: portion => getWrapper('heti-spacing', 'heti-spacing-start', portion.text), })); findAndReplaceDOMText($$elm, Object.assign({}, commonConfig, { find: this.REG_END, - replace: portion => getWrapper('heti-spacing-end', portion.text), + replace: portion => getWrapper('heti-spacing', 'heti-spacing-end', portion.text), + offset: this.offsetWidth, + })); + + findAndReplaceDOMText($$elm, Object.assign({}, commonConfig, { + find: new RegExp(`([${REG_BD_STOP}])(?=[${REG_BD_START}])|([${REG_BD_OPEN}])(?=[${REG_BD_OPEN}])|([${REG_BD_CLOSE}])(?=[${REG_BD_END}])`,'g'), + replace: portion => getWrapper('heti-adjacent', 'heti-adjacent-half', portion.text), + offset: this.offsetWidth, + })); + + findAndReplaceDOMText($$elm, Object.assign({}, commonConfig, { + find: new RegExp(`([${REG_BD_SEP}])(?=[${REG_BD_OPEN}])|([${REG_BD_CLOSE}])(?=[${REG_BD_SEP}])`,'g'), + replace: portion => getWrapper('heti-adjacent', 'heti-adjacent-quarter', portion.text), offset: this.offsetWidth, })); } diff --git a/heti.css b/heti.css index bc7c320..f5372ce 100644 --- a/heti.css +++ b/heti.css @@ -802,3 +802,15 @@ .heti .heti-spacing-end { margin-inline-start: 0.25em; } + +.heti heti-adjacent { + display: inline; +} + +.heti .heti-adjacent-half { + margin-inline-end: -0.5em; +} + +.heti .heti-adjacent-quarter { + margin-inline-end: -0.25em; +} diff --git a/index.html b/index.html index 959945f..76e4260 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,7 @@

赫蹏

-
古代称用以书写的小幅绢帛。后亦以借指纸。《汉书·外戚传下·孝成赵皇后》：武（籍武 ）发篋中，有裹药二枚，赫蹏书。颜师古注：邓展曰：赫音兄弟鬩墙之鬩。应劭曰：赫蹏，薄小纸也。宋赵彦卫 《云麓漫钞》卷七：《赵后传》所谓『赫蹏』者，注云薄小纸，然其寔亦縑帛。
+
古代称用以书写的小幅绢帛。后亦以借指纸。《汉书·外戚传下·孝成赵皇后》：「武（籍武 ）发篋中，有裹药二枚，赫蹏书。」颜师古注：「邓展曰：『赫音兄弟鬩墙之鬩。』应劭曰：『赫蹏，薄小纸也。』」宋赵彦卫 《云麓漫钞》卷七：「《赵后传》所谓『赫蹏』者，注云『薄小纸』，然其寔亦縑帛。」