mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-11-23 22:56:53 +09:00
Code

ルビ表記に対応

Browse Source
This commit is contained in:
tamo-morita 2023-05-07 20:56:43 +09:00 committed by NoriDev
parent f45745af5a
commit df194e432b
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts
View File

@ -60,7 +60,21 @@ export default function(props: {
const res: (VNode | string)[] = [];
for (const t of text.split('\n')) {
res.push(h('br'));
res.push(t);
t.replace(/<ruby>(.+?)<rt>(.+?)<\/rt><\/ruby>/g, '\n<ruby>$1<rt>$2</rt></ruby>\n')
.replace(/《《(.+?)》》/g, (match, c1) => c1.replace(/(.)/g, '\n<ruby>$1<rt>・</rt></ruby>\n'))
.replace(/[\|｜](.+?)《(.+?)》/g, '\n<ruby>$1<rt>$2</rt></ruby>\n')
.replace(/([一-龠]+)《(.+?)》/g, '\n<ruby>$1<rt>$2</rt></ruby>\n')
.replace(/[\|｜]《(.+?)》/g, '《$1》')
.split('\n')
.forEach( t2 => {
const match = t2.match(/<ruby>(.+?)<rt>(.+?)<\/rt><\/ruby>/);
if (match !== null && match.length > 2) {
const rubyAlign = match[1].length < match[2].length ? 'ruby-align:center' : 'ruby-align:space-around';
res.push(h('ruby', { style: rubyAlign }, [match[1], h('rt', match[2])]));
} else if (t2 !== '') {
res.push(t2);
}
});
}
res.shift();
return res;