Skip to main content
Bloki kodu pozwalają dołączać kod źródłowy, polecenia terminala, pliki konfiguracyjne i inne treści techniczne do tutoriali. Kod wyświetlany jest w czcionce monospace z podświetlaniem składni opartym na Prism.js.

Tworzenie bloku kodu

1

Dodaj nowy blok

Kliknij przycisk + i wybierz Kod.
2

Wybierz język

Wybierz język programowania z rozwijanego menu na górze bloku kodu. Włącza to podświetlanie składni dla danego języka.
3

Napisz lub wklej kod

Wpisz lub wklej kod w polu edytora. Kod zachowuje białe znaki, wcięcia i łamania linii dokładnie tak, jak zostały wprowadzone.

Obsługiwane języki

clarife obsługuje podświetlanie składni dla 20 języków:
JęzykJęzykJęzykJęzyk
JavaScriptTypeScriptPythonHTML
CSSJSONSQLBash
GoRustJavaC
C++RubyPHPSwift
KotlinYAMLXMLZwykły tekst
Wybierz Zwykły tekst (domyślny), jeśli Twojego języka nie ma na liście. Kod będzie wyświetlany w czcionce monospace bez kolorowania.

Ostrzeżenie o przepełnieniu

Jeśli treść kodu przekracza widoczny obszar bloku, na górze bloku kodu pojawia się wskaźnik ostrzeżenia. Informuje on, że część kodu jest ukryta poniżej widocznego obszaru. Długie bloki kodu przewijają się pionowo wewnątrz edytora.
Utrzymuj fragmenty kodu zwięźle i krótko — najlepiej poniżej 30 linii. Jeśli musisz pokazać duży plik, rozważ podzielenie go na kilka bloków kodu z objaśniającym tekstem między nimi.

Kod w eksportach

Bloki kodu są zachowywane we wszystkich formatach eksportu:
FormatRenderowanie
PDFCzcionka monospace, bez kolorowania składni
HTMLPodświetlanie składni z Prism.js
MarkdownOgrodzony blok kodu z identyfikatorem języka
PrezentacjaDedykowany slajd kodu z podświetlaniem Prism.js
Wideo AIAI może wygenerować wizualny slajd “code” z Twoim fragmentem

Kod w wideo AI

Podczas generowania wideo AI z dokumentu zawierającego bloki kodu, generator scenariuszy AI może tworzyć dedykowane slajdy kodu. Te slajdy wyświetlają Twój kod z podświetlaniem składni Prism.js w fioletowym motywie wizualnym, co sprawia, że treści techniczne są atrakcyjne wizualnie w formie wideo.
Tak. Kliknij gdziekolwiek w bloku kodu, aby edytować jego treść. Możesz też w każdej chwili zmienić język za pomocą rozwijanego menu.
Numery linii nie są wyświetlane w edytorze, ale pojawiają się w niektórych formatach eksportu (HTML, prezentacja).
Tak. Zaznacz tekst kodu i użyj Cmd+C / Ctrl+C, aby skopiować go do schowka.
Użyj trybu Zwykły tekst. Kod będzie wyświetlany poprawnie w czcionce monospace — po prostu nie będzie miał kolorowego podświetlania składni.
Nie ma twardego limitu znaków. Jednak bardzo duże bloki kodu (1000+ linii) mogą wpływać na wydajność edytora i nie są zalecane dla tutoriali.