mincomk/risuai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add image cbs

Browse Source
This commit is contained in:
kwaroran
2024-09-05 21:52:48 +09:00
parent d511089090
commit 72e6c80760
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/styles.css
View File

@@ -242,4 +242,12 @@ html, body{
background-color: var(--tw-prose-pre-bg); background-color: var(--tw-prose-pre-bg);
padding: 0.125rem 0.25rem; padding: 0.125rem 0.25rem;
border-radius: 0.25rem; border-radius: 0.25rem;
}
.x-risu-risu-inlay-image{
@apply w-full flex justify-center
}
.x-risu-risu-inlay-image > img{
@apply rounded-lg focus:outline-none max-w-80 w-full
} }

4
src/ts/parser.ts
View File

@@ -250,7 +250,7 @@ async function renderHighlightableMarkdown(data:string) {
} }
export const assetRegex = /{{(raw|img|video|audio|bg|emotion|asset|video-img|source)::(.+?)}}/g export const assetRegex = /{{(raw|img|image|video|audio|bg|emotion|asset|video-img|source)::(.+?)}}/g
async function parseAdditionalAssets(data:string, char:simpleCharacterArgument|character, mode:'normal'|'back', mode2:'unset'|'pre'|'post' = 'unset'){ async function parseAdditionalAssets(data:string, char:simpleCharacterArgument|character, mode:'normal'|'back', mode2:'unset'|'pre'|'post' = 'unset'){
const db = get(DataBase) const db = get(DataBase)
@@ -322,6 +322,8 @@ async function parseAdditionalAssets(data:string, char:simpleCharacterArgument|c
return path.path return path.path
case 'img': case 'img':
return `<img src="${path.path}" alt="${path.path}" style="${assetWidthString} "/>` return `<img src="${path.path}" alt="${path.path}" style="${assetWidthString} "/>`
case 'image':
return `<div class="risu-inlay-image"><img src="${path.path}" alt="${path.path}" style="${assetWidthString}"/></div>`
case 'video': case 'video':
return `<video controls autoplay loop><source src="${path.path}" type="video/mp4"></video>` return `<video controls autoplay loop><source src="${path.path}" type="video/mp4"></video>`
case 'video-img': case 'video-img':