Exemple Intern: Blocs de codi dins del Notion

Exemple Intern: Blocs de codi dins del Notion

Aquesta pĂ gina Ă©s a mode d’exemple

Es poden posar blocs de codi al Notion, com ara el segĂŒent:
a = 5 b = 6 c = a + b print(c)
Poden servir per fer explicacions d’apunts digitals.

Playground

També es pot tenir incrustat un compilador buit on provar el que es necessiti

Executar blocs de codi predefinits

Res impedeix incrustar un compilador (intĂšrpret) online de Python amb un codi ja predefinit. Tot i que de moment no he trobat un que sigui prou maco i senzill com el que es veu a dalt.
Aviam
Codi de CodePad incrustat
page icon
Clicar les tres barres de dalt a la dreta i desprĂ©s el botĂł ▶ Run.
Nota: estaria bé buscar un compilador, que al ser incrustat tingués un millor disseny. Per exemple un disseny similar al de replit.
Codi de replit ncrustat
Aquest disseny Ă©s bastant mĂ©s estĂštic, perĂČ no Ă©s executable.
Un altre compilador xulo Ă©s el segĂŒent
Compilador Programiz incrustat
L’inconvenient Ă©s que surt lo de acceptar galetes cada vegada.
El millor que he trobat de moment: utilitzar Trinket (utilitza Skulpt, els dos Open Source) o Crumb.sh i posar el codi <iframe> a una github page.
Compilador Trinket incrustat
Es pot configurar que hi hagi el codi i la consola en dos finestres de costat, o que cada una ocupi tota la pantalla i vagis d’una a l’altra
Compilador Crumb.sh incrustat
Molt estĂštic, perĂČ no sembla ser customitzable. NomĂ©s hi ha aquesta playground
I una altra manera seria simplement com a jupyter notebook.
Altres

Bloc de codi i link extern

També, es pot simplement deixar el link dins la Caption del bloc de codi.
Bla bla
a = 5 b = 6 c = a + b print(c)
▶ Executar codi
I com veiem bla bla

Pendent de mirar

Codapi pinta molt bĂ© (et crees tu des de zero l’embed, i Ă©s molt senzilla la interfaç)
Cal instalar-lo en el repositori de github que sigui, i des d’allà generar els iframes.
Â