zio
/
elk
2
0
Fork 0
Code Packages Releases 2 Activity

fix: insert space around custom emojis

zio/stable
Anthony Fu 2022-12-27 22:08:40 +01:00
parent 6412127283
commit ff0ad77676
3 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
composables/content-parse.ts
View File

@ -120,7 +120,7 @@ export function treeToText(input: Node): string {
// add spaces around emoji to prevent parsing errors: 2 or more consecutive emojis will not be parsed // add spaces around emoji to prevent parsing errors: 2 or more consecutive emojis will not be parsed
if (input.name === 'img' && input.attributes.class?.includes('custom-emoji')) if (input.name === 'img' && input.attributes.class?.includes('custom-emoji'))
return `:${input.attributes['data-emoji-id']}:` return ` :${input.attributes['data-emoji-id']}: `
if (input.name === 'em-emoji') if (input.name === 'em-emoji')
return `${input.attributes.native}` return `${input.attributes.native}`

5
styles/global.css
View File

@ -85,7 +85,6 @@ body {
overflow: hidden; overflow: hidden;
max-height: 1.3em; max-height: 1.3em;
max-width: 1.3em; max-width: 1.3em;
margin: 0 0.2em;
vertical-align: text-bottom; vertical-align: text-bottom;
} }
@ -132,6 +131,10 @@ body {
.content-editor { .content-editor {
--at-apply: outline-none flex-1; --at-apply: outline-none flex-1;
max-width: 100%; max-width: 100%;
.custom-emoji {
margin: 0 0.2em;
}
} }
.skeleton-loading-bg { .skeleton-loading-bg {

2
tests/__snapshots__/html-parse.test.ts.snap
View File

@ -52,7 +52,7 @@ exports[`html-parse > custom emoji > html 1`] = `
" "
`; `;
exports[`html-parse > custom emoji > text 1`] = `"Daniel Roe :nuxt:"`; exports[`html-parse > custom emoji > text 1`] = `"Daniel Roe :nuxt:"`;
exports[`html-parse > emojis > html 1`] = ` exports[`html-parse > emojis > html 1`] = `
"<em-emoji native=\\"🇫🇷\\" fallback=\\"🇫🇷\\"></em-emoji> "<em-emoji native=\\"🇫🇷\\" fallback=\\"🇫🇷\\"></em-emoji>