How To Make A Custom Markdoc Renderer

Подписаться 30 тыс.

Просмотров 5 тыс.

50% 1

Learn how to make a custom Markdoc renderer for Svelte.
🔴 Patreon: / joyofcode
𝕏 Twitter: / joyofcodedev
💬 Discord: / discord
🔥 Uses: www.joyofcode.xyz/uses
🔗 Svelte Markdoc Renderer: joyofcode.xyz/svelte-markdoc-...
🔗 Markdoc: markdoc.dev/
🔗 Markdoc Renderer: github.com/yuchengkuo/sveltej...
🔗 Markdoc Preprocessor: github.com/TorstenDittmann/sv...
🔗 Svelte Self: learn.svelte.dev/tutorial/sve...
🔗 Svelte Component: learn.svelte.dev/tutorial/sve...
🔗 Svelte Element: learn.svelte.dev/tutorial/sve...
🔖 Timestamps
0:00 Intro
0:12 What Is Markdoc?
2:36 Svelte Markdoc Packages
3:23 Project Setup
5:18 Custom Markdoc Renderer
16:35 Outro
#joyofcode #sveltekit #svelte

Опубликовано:

23 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 15

@armantavakoli5314 3 месяца назад

more of this from scratch stuff where u deep dive into recreating what ppl would normally `install` pls!!!! amazing

@lawdpuliix 2 месяца назад

This channel was my "go to" reference when i was learning Svelte, i still check some videos time to time to refresh my knowledge.

@weirdwyrd2017 2 месяца назад

I love the unhinged "we are here to learn so let's learn" attitude of this. Long time fan and it keeps getting better! banana

@SRG-Learn-Code 3 месяца назад

13:31 I have to look into this svelte:self thingy, looks awesome!

@PrabhuKiranKonda 3 месяца назад

Easy peasy, Lemon Squeezy, Boom bam, Thank you Mam lol, I love this

@bnjmn7779 3 месяца назад

Love your content thanks so much!

@SamirPatnaik 3 месяца назад

wow!

@adamjennings4797 3 месяца назад

Can you use this to render table colspan in html from a markdown source?

@JoyofCodeDev 3 месяца назад

I think Markdoc does it but you can do whatever you want in case it doesn't support it by default.

@Pyoron 3 месяца назад

How would one go about making a real time markdown renderer like Typora, Marktext or Obsidian? I've been wanting to build something for myself but innerHTML keeps adding tags and messing up the rendering and innerText doesnt support multiple newlines

@JoyofCodeDev 3 месяца назад

The best way is probably to make an AST that represents the nodes, and then create a renderable tree of nodes, instead of manipulating the DOM directly with `innerHTML` - every rich text editor also uses `contenteditable` but making an editor is not easy.

@babakfp 3 месяца назад

That `console.dir()` is one of the useful but less-known features of JavaScript. It should have been implemented directly into console.log itself instead of getting object object nonsense 🤦‍♂🤦‍♂ Good shit as always 👍👍

@SRG-Learn-Code 3 месяца назад

3:19 So the purpose of this channel is to learn, right? Thank you.