degmods/degmods.com
6
1
Fork 0
Code Issues 24 Pull Requests Actions Packages Projects 3 Releases Wiki Activity

fix(viewer): yt directive

Browse Source
This commit is contained in:
enes 2024-12-24 16:36:29 +01:00
parent 0760a3e81e
commit a6ed390fad
1 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Markdown/YoutubeDirective.tsx
View File

@ -6,7 +6,7 @@ export const youtubeDirective: DirectiveConfig = {
marker: '::', marker: '::',
renderer(token) { renderer(token) {
//https://www.youtube.com/embed/<VIDEO_ID> //https://www.youtube.com/embed/<VIDEO_ID>
//{#<VIDEO_ID>} //::youtube{#<VIDEO_ID>}
let vid: string = '' let vid: string = ''
if (token.attrs && token.meta.name === 'youtube') { if (token.attrs && token.meta.name === 'youtube') {
for (const attr in token.attrs) { for (const attr in token.attrs) {
@ -15,15 +15,12 @@ export const youtubeDirective: DirectiveConfig = {
attr.startsWith('#') attr.startsWith('#')
) { ) {
vid = attr.replace('#', '') vid = attr.replace('#', '')
console.log(vid)
} }
} }
} }
if (vid) { if (vid) {
return `<iframe width="560" height="315" src="https://www.youtube.com/embed/${vid}" title="${ return `<iframe width="560" height="315" src="https://www.youtube.com/embed/${vid}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>`
token.text || ''
}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>`
} }
return false return false