Czcionka monospace w widoku edycji artykułów w Kompendium

Czcionka monospace w widoku edycji artykułów w Kompendium
(* możesz oddać maksymalnie 2 głosy)
Zostawić "ludzką czcionkę"
29%
29% [8]
Dodać "programistyczną czcionkę" (monospace)
68%
68% [19]
Nie mam zdania
4%
4% [1]
Riddle
Administrator
  • Rejestracja:ponad 14 lat
  • Ostatnio:2 minuty
  • Lokalizacja:Laska, z Polski
  • Postów:10045
3

Aktualnie
screenshot-20210906123229.png

vs

screenshot-20210906123239.png

edytowany 1x, ostatnio: cerrato
cerrato
Moderator Kariera
  • Rejestracja:około 7 lat
  • Ostatnio:około 4 godziny
  • Lokalizacja:Poznań
  • Postów:8753
4

Pytanie jest inne - czemu ograniczać się tylko do kompendium, a nie wdrożyć tego w całym serwisie? Jeśli uznamy że to jest przydatne, to dajmy wszędzie. A jak głupota, to także lepiej olać całkowicie.

P.S. Jestem za ;)


PerlMonk
Która łapkę podniosłeś?
Riddle
@cerrato: Noi widzisz, teraz przez Ciebie @Marooned widzi czerwone i niebieskie krawędzie :/
cerrato
Nie moja wina, że koleś spożywa za dużo substancji zaburzających percepcję.
Marooned
Woda w kranie zamiast 2g psylocybiny
obscurity
ten post się źle zestarzał
Althorion
Moderator C/C++
  • Rejestracja:prawie 10 lat
  • Ostatnio:43 minuty
  • Postów:1603
2

Też za, aż sobie dopisałem do reguł Stylisha (textarea.form-control, jakby kto chciał wiedzieć).

Silv
Moderator Wiki
  • Rejestracja:ponad 10 lat
  • Ostatnio:prawie 3 lata
  • Lokalizacja:Warszawa
0
cerrato napisał(a):

Pytanie jest inne - czemu ograniczać się tylko do kompendium, a nie wdrożyć tego w całym serwisie? Jeśli uznamy że to jest przydatne, to dajmy wszędzie. A jak głupota, to także lepiej olać całkowicie.

Moim zdaniem dobrze by było, by czcionka odpowiadała charakterowi zdecydowanej większości przypadków użycia. W tym wypadku chodzi o to, jakie teksty pisze się w serwisie najczęściej (serwis = działy Forum, Mikroblog, Kompendium, Praca). Czy są to takie teksty, w których czcionka o stałej szerokości będzie przydatna, czy też takie, w których będzie przaszkadzać?


edytowany 3x, ostatnio: Riddle
KamilAdam
  • Rejestracja:ponad 6 lat
  • Ostatnio:około godziny
  • Lokalizacja:Silesia/Marki
  • Postów:5505
4
Silv napisał(a):

Czy są to takie teksty, w których czcionka o stałej szerokości będzie przydatna, czy też takie, w których będzie przaszkadzać?

Zawsze jak będziesz chciał napisać fragment kodu z palca to czcionka monospace będzie pomagać :)


Mama called me disappointment, Papa called me fat
Każdego eksperta można zastąpić backendowcem który ma się douczyć po godzinach. Tak zostałem ekspertem AI, Neo4j i Nest.js . Przez mianowanie
Silv
Moderator Wiki
  • Rejestracja:ponad 10 lat
  • Ostatnio:prawie 3 lata
  • Lokalizacja:Warszawa
0

@KamilAdam: Oczywiście. :) Niemniej ja piłem do tego, że w serwisie, jak ja to widzę, dużo tekstów nie zawiera kodu (tym bardziej tabel Markdown, które to przecież jeszcze bardziej potrzebują czcionki o stałej szerokości).

Na mikroblogach gros treści to nie kod; w module Praca nie wiem, czy kod w ogóle się zdarza; na forum – przydałyby się statystyki, ile procentowo postów jest w działach, w których ma szansę pojawić się kod ( @Adam Boduch ?). Trudno mi powiedzieć coś o module Kompendium – teoretycznie jest to kompendium programistyczne, więc występowanie kodu powinno być zakładane od początku… ale czy w każdym artykule musi pojawić się kod?


PS Jeśli nie będzie to wymagać zbyt wielkiej ekwilibrystyki PHP-owej, to można by na próbę wprowadzić czcionkę o stałej szerokości tylko do edytora na forum.


edytowany 3x, ostatnio: Silv
Marooned
Administrator
  • Rejestracja:ponad 22 lata
  • Ostatnio:15 minut
  • Lokalizacja:Poznań
2

Wybrałem ludzki font (nie mylić z czcionką, której tu nie używamy bo nie jesteśmy zakładem drukarskim), bo jednak zdecydowanie więcej się mieści tekstu i lepiej się to czyta, a większość wpisów to jednak słowo pisane, a nie kod, który najczęściej i tak skądś przeklejamy, więc jest już sformatowany.


Riddle
Administrator
  • Rejestracja:ponad 14 lat
  • Ostatnio:2 minuty
  • Lokalizacja:Laska, z Polski
  • Postów:10045
1
Marooned napisał(a):

Wybrałem ludzki font [..] bo jednak zdecydowanie więcej się mieści tekstu i lepiej się to czyta, a większość wpisów to jednak słowo pisane

To niekoniecznie dyskwalifikuje monospace. Są przecież węższe i szersze czcionki; a jak to nie zadziała to można zmienić letter-spacing w CSS na węższy.

Althorion
Moderator C/C++
  • Rejestracja:prawie 10 lat
  • Ostatnio:43 minuty
  • Postów:1603
1

Ja bym się upierał, że jednak tak — jeśli szerokość tekstu faktycznie jest istotnym kryterium, to monospace odpada. Istnieje jakaś minimalna wartość, poniżej której się nie da zrobić czytelnego w, czy czytelnego m, i jest ona dużo większa niż wartość dla czytelnych innych liter. A fonty o stałej szerokości są tym właśnie ograniczone dla całego alfabetu, czy potrzeba czy nie.

Mnie się dużo częściej zdarza pisać kod niż epopeje, więc wolę font o stałej szerokości; ale to faktycznie nie jest jedyne poprawne i słuszne rozwiązanie dla każdego…

cerrato
Moderator Kariera
  • Rejestracja:około 7 lat
  • Ostatnio:około 4 godziny
  • Lokalizacja:Poznań
  • Postów:8753
1

@Althorion: co do czytelności - masz rację. Ale (o ile dobrze zrozumiałem) to ta zmiana by miała tylko mieć zastosowanie podczas edycji, po opublikowaniu posta czcionka pozostanie taka, jak obecnie.


Althorion
Moderator C/C++
  • Rejestracja:prawie 10 lat
  • Ostatnio:43 minuty
  • Postów:1603
0

Owszem, ale dobrze jest widzieć, co się edytuje. ;) Więc dobre fonty o stałej szerokości będą szersze od fontów o zmiennej szerokości, bo muszą równać do większej wartości, zamiast mieć swobodę decyzji.

IMO to nie problem — tak jak pisałem, ja raczej mam krótkie posty, więc i u siebie sobie w Stylishu to przestawiłem — ale jak dla kogoś jest, to ten argument ma sens.

cerrato
Moderator Kariera
  • Rejestracja:około 7 lat
  • Ostatnio:około 4 godziny
  • Lokalizacja:Poznań
  • Postów:8753
1

Chyba w takim razie najsensowniejszą opcją by było coś, kto ktoś chwilę temu zaproponował - w ustawieniach każdy sobie zaznaczy, czy podczas edycji chce mieć czcionkę monospace czy "zwykłą". I po temacie, każdy sobie wybierze co mu pasuje. AMEN. Wątek do zamknięcia, poprawka do wdrożenia ;)


Riddle
Administrator
  • Rejestracja:ponad 14 lat
  • Ostatnio:2 minuty
  • Lokalizacja:Laska, z Polski
  • Postów:10045
2

Żeby wybrać dobre rozwiązanie, wystarczy się zastanowić, które z tych zdarzeń będzie bardziej prawdopodobne.

  • Komuś, kto pisze tekst będzie przeszkadzać monospace-font
  • Komuś, kto pisze kod będzie przeszkadzać variable-length-font

Ja chyba znam odpowiedź ;D

PS: Pamiętajmy, że jesteśmy na forum programistów; i być może częstość pisania kodu jest przesunięta w jedną stronę.

edytowany 1x, ostatnio: Riddle
Adam Boduch
Administrator
  • Rejestracja:około 23 lata
  • Ostatnio:około 2 godziny
  • Postów:11948
1

Chyba pomysł się spodobał. Teraz pytanie, jaki font użyć? ;)

cerrato
Moderator Kariera
  • Rejestracja:około 7 lat
  • Ostatnio:około 4 godziny
  • Lokalizacja:Poznań
  • Postów:8753
2

https://www.jetbrains.com/lp/mono/

JetBrains
Mono.
A typeface
for developers​_


edytowany 1x, ostatnio: cerrato
Marooned
Ale dzika ligatura zamieniająca -> na , ale -- na to moim zdaniem na minus, bo jednak -- i ++ potrzeba rozróżnić od - i +
Marooned
Plus nie są spójni, w sekcji Comparison z tym suwakiem widać g w Consolas jako klasyczne kółko z haczykiem, a niżej w sekcji Functional сonstruction pokazują, że Consolas ma już fukuśne g z zawijasem a'la paragraf.
Silv
Czy gdzieś na tej stronie jest "Try online" lub coś podobnego?
Silv
PS Wydaje się, że rzeczywiście zmienia m.in. strzałki i en-dash-e. Też wolałbym, żeby jednak znaki były zapisywane dokładnie tak, jak je wprowadziłem na klawiaturze; przykład --, który podał @Marooned , wydaje się dobrze to ilustrować.
Adam Boduch
Administrator
  • Rejestracja:około 23 lata
  • Ostatnio:około 2 godziny
  • Postów:11948
1

Co ciekawe kilka lat temu był podobny wątek i większość była na "nie" :) Ankieta: Czy font w edytorze powinien być monospace?

Wołam auta tamtego pomysłu: @hauleth

W każdym razie font został podmieniony i efekty można zobaczyć na serwerze https://4programmers.dev

hauleth
Moderator
  • Rejestracja:około 17 lat
  • Ostatnio:5 dni
4

@Adam Boduch: jak już jesteśmy przy wymianie fontów, to Recursive jest ciekawym wyborem dla reszty serwisu. To nie jest monospace, ale ma inną fajną właściwość - glify są tej samej szerokości, niezależnie od grubości pióra, więc projektowanie interfejsu jest zdecydowanie łatwiejsze, bo pogrubiony tekst zajmuje dokładnie tyle samo miejsca co "zwykły".


Adam Boduch
Administrator
  • Rejestracja:około 23 lata
  • Ostatnio:około 2 godziny
  • Postów:11948
2

Zapisuje sobie do sprawdzenia :) Póki co używamy OpenSans (w menu) oraz Ariala w pozostałych miejscach.

Marooned
Administrator
  • Rejestracja:ponad 22 lata
  • Ostatnio:15 minut
  • Lokalizacja:Poznań
2

Przyznam, że póki co nie jestem fanem zmiany fontu. Piszę jednym fontem, klikam [Zapisz] i nagle font zmienia się na inny. Tak jakby niedopasowane bloczki z innych stron pod jednym adresem. Nawet przełączanie się na [Podgląd] pokazuje co innego, więc kolejne oderwanie od rzeczywistości.

Dodatkowo nowy font ma zauważalnie mniejszy kontrast i jakoś bardziej rzuca się w oczy niebieski i czerwony na krawędziach.
screenshot-20210929123054.png


edytowany 2x, ostatnio: Marooned
Riddle
Administrator
  • Rejestracja:ponad 14 lat
  • Ostatnio:2 minuty
  • Lokalizacja:Laska, z Polski
  • Postów:10045
0
Marooned napisał(a):

Przyznam, że póki co nie jestem fanem zmiany fontu. Piszę jednym fontem, klikam [Zapisz] i nagle font zmienia się na inny. Tak jakby niedopasowane bloczki z innych stron pod jednym adresem. Nawet przełączanie się na [Podgląd] pokazuje co innego, więc kolejne oderwanie od rzeczywistości.

Dodatkowo nowy font ma zauważalnie mniejszy kontrast i jakoś bardziej rzuca się w oczy niebieski i czerwony na krawędziach.
screenshot-20210929123054.png

No to widzę na to dwa rozwiązania.

Po pierwsze, można by zrobić tak że momospace jest tylko w kompendium, a nie w postach (ale to chyba trochę słabe).

Jest też drugi pomysł, trochę bardziej skomplikowany. Są dostępne biblioteki do Vue, w których można mieć Rich Text ze zmienną czcionką. One potrafią ogarniać markdown, i jak ktoś otwiera znacznik kodu

```php
```

To w tym miejscu wkładają kolorowanie składni, i czcionkę momospace, a w pozostałych miejscach mają defaulta.
Ale to jest skomplikowane i łatwo można popełnić błąd i zrobić niezłego buga.

No albo po prostu można zrobić to konfigurowalne w profilu :)

edytowany 1x, ostatnio: Riddle
somekind
Moderator
  • Rejestracja:około 17 lat
  • Ostatnio:4 dni
  • Lokalizacja:Wrocław
2
TomRiddle napisał(a):
Marooned napisał(a):

Przyznam, że póki co nie jestem fanem zmiany fontu. Piszę jednym fontem, klikam [Zapisz] i nagle font zmienia się na inny. Tak jakby niedopasowane bloczki z innych stron pod jednym adresem. Nawet przełączanie się na [Podgląd] pokazuje co innego, więc kolejne oderwanie od rzeczywistości.

Mam tak samo, ogólne wrażenie jest dziwne.
Do tego font w edytorze jest 2 razy razy większy niż w treści.


Po dopracowaniu rozwiązania każdy będzie mógł założyć własny drzewiasty wątek.
Adam Boduch
Administrator
  • Rejestracja:około 23 lata
  • Ostatnio:około 2 godziny
  • Postów:11948
1

@TomRiddle: miałem podobny pomysł. Z tym że zakładał on możliwość edycji skrawków kodu w osobnych zakładkach. Obczaj to: Praca z kodem w formularzu: skrawki kodu

Ale możesz podrzucić nazwę tego komponentu o którym mówisz :) Obczaje.

@somekind rozmiar fontu nie był zmieniany i jest taki sam. To kwestia samej budowy fonta, złudzenie optyczne? Można jednak zmniejszyć oczywiście.

Riddle
Administrator
  • Rejestracja:ponad 14 lat
  • Ostatnio:2 minuty
  • Lokalizacja:Laska, z Polski
  • Postów:10045
0
Adam Boduch napisał(a):

@TomRiddle: miałem podobny pomysł. Z tym że zakładał on możliwość edycji skrawków kodu w osobnych zakładkach. Obczaj to: Praca z kodem w formularzu: skrawki kodu

Ale możesz podrzucić nazwę tego komponentu o którym mówisz :) Obczaje.

@Adam Boduch Mogę przysiąść i przygotować prototyp, tylko powiedz mi w jakiej technologii? Vue 3?

PS: @Adam Boduch Aha, i powiedz jakie formatowanie mamy w coyote? Jak dobrze widzę, to wszystkie implementacje ParserInterface biorą udział w parsowaniu treści?

edytowany 4x, ostatnio: Riddle
flowCRANE
Moderator Delphi/Pascal
  • Rejestracja:ponad 13 lat
  • Ostatnio:3 minuty
  • Lokalizacja:Tuchów
  • Postów:12152
1

Na forum Lazarusa kiedyś używałem uproszczonego edytora pisania posta, bo edytor z WYSIWYG źle działał w mojej przeglądarce. I w tym uproszczonym edytorze był właśnie font monospace. Dla mnie to syf niemożebny, niech umrze ten, który to wymyślił. Teraz treść pisanego posta jest 3x dłuższa niż wcześniej, co znacząco utrudnia pisanie dłuższych wypowiedzi. Po co? Bo jeden z drugim musi mieć cholerne tabelki wyrównane w edytorze, tak jakby częściej się je tworzyło niż zwykły tekst. Genialnie.

@Adam Boduch — lepiej by było zamontować jakąś wtyczkę, która pozwoli pisać posty tak jak np. na Discord. Zwykły tekst jest zwykły, a kod jest monospace, do tego WYSIWYG dla Markdown.


Pracuję nad własną, arcade'ową, docelowo komercyjną grą z gatunku action/adventure w stylu retro (pixel art), programując silnik i powłokę gry od zupełnych podstaw, przy użyciu Free Pascala i SDL3. Więcej informacji znajdziesz na moim mikroblogu.
edytowany 1x, ostatnio: flowCRANE
Riddle
No właśnie takie coś ofertuje proponowana przeze mnie biblioteka w Vue.
flowCRANE
No to po co forsujesz najpierw głupie pomysły, zamiast skupić się na najlepszym?
Riddle
@furious programming: Ja tylko chciałem czcionkę monospace w kompendium. To nie był mój pomysł żeby dodać ją do postów w forum.
flowCRANE
No to żeś narobił.
Adam Boduch
Administrator
  • Rejestracja:około 23 lata
  • Ostatnio:około 2 godziny
  • Postów:11948
0

Mamy Vue 2x.

Po stronie backend, wszystkie klasy istotnie implementują interfejs ParserInterface. Nie jestem jednak pewien, jaki to ma związek z tym wątkiem. Kolorowanie składni ma miejsce na froncie i robi to Prism.

Powracając do tego mojego pomysłu edycji skrawków kodu, to myślałem, aby użyć np. https://prism-editor.netlify.app/

Zobacz screena którego wstawiłem tutaj: Praca z kodem w formularzu: skrawki kodu


Na screenie mamy główną zakładkę gdzie jest font Arial. Edytor jednak jest w stanie rozpoznać że w treści artykułu znajdują się listingi kodu. Tworzy nowe zakładki gdzie możliwa jest edycja samych skrawków (listingów). No i tutaj myślałem aby użyć Prism Code Editor. Jest wsparcie dla numerowania linii, obsługa taba, monospace no i kolorowanie składni ;)

EDIT: to rozwiązanie o którym wspomina @furious programming byłoby fajne, ale domyślam się że może być nieco trudne do realizacji?

edytowany 1x, ostatnio: Adam Boduch
Riddle
@Adam Boduch: Rozwiązanie o którym mówi @furious programming jest bardzo podobne do tego co zaproponowałem w poście wyżej. Ale nie da się do tego użyć tej libki którą zaproponowałeś, ten vue-prism-editor niestety :/
flowCRANE
Moderator Delphi/Pascal
  • Rejestracja:ponad 13 lat
  • Ostatnio:3 minuty
  • Lokalizacja:Tuchów
  • Postów:12152
1

Rozwiązanie istniejące na Discordzie jest świetne — spasowało mi od pierwszego użycia. Niestety ichni edytor nie ogarnia linków (nie rozumie frazy [tekst](adres)), ale to zapewne celowo nie jest wspierane. No i tabelek też nie ogarnia, ale w tym przypadku nie wiem dlaczego.

W każdym razie jeśli jest jakaś ”wtyczka”, która implementuje taki edytor, to byłbym za tym, aby z takiej skorzystać.


Pracuję nad własną, arcade'ową, docelowo komercyjną grą z gatunku action/adventure w stylu retro (pixel art), programując silnik i powłokę gry od zupełnych podstaw, przy użyciu Free Pascala i SDL3. Więcej informacji znajdziesz na moim mikroblogu.
edytowany 1x, ostatnio: flowCRANE
Riddle
Administrator
  • Rejestracja:ponad 14 lat
  • Ostatnio:2 minuty
  • Lokalizacja:Laska, z Polski
  • Postów:10045
1
Adam Boduch napisał(a):

Po stronie backend, wszystkie klasy istotnie implementują interfejs ParserInterface. Nie jestem jednak pewien, jaki to ma związek z tym wątkiem.

Bo nie chciałem żeby front pokazywał tak, a backend tak (że co innego jest w widoku na froncie, a co innego się renderuje na stronie).

Za 1-2h wrócę z prototypem.

somekind
Moderator
  • Rejestracja:około 17 lat
  • Ostatnio:4 dni
  • Lokalizacja:Wrocław
0
Adam Boduch napisał(a):

@somekind rozmiar fontu nie był zmieniany i jest taki sam. To kwestia samej budowy fonta, złudzenie optyczne? Można jednak zmniejszyć oczywiście.
Litery w edytorze są o 1/3 większe niż w postach. Osobiście zmierzyłem w paincie, jest 18px vs 24px.

screenshot-20210929151501.png

Ogólnie głosowałem "za", ale jestem bardzo, bardzo przeciw tej zmianie na forum. Wygląda źle i jest niefajne w używaniu.


Po dopracowaniu rozwiązania każdy będzie mógł założyć własny drzewiasty wątek.
Riddle
Administrator
  • Rejestracja:ponad 14 lat
  • Ostatnio:2 minuty
  • Lokalizacja:Laska, z Polski
  • Postów:10045
1
somekind napisał(a):
Adam Boduch napisał(a):

@somekind rozmiar fontu nie był zmieniany i jest taki sam. To kwestia samej budowy fonta, złudzenie optyczne? Można jednak zmniejszyć oczywiście.
Litery w edytorze są o 1/3 większe niż w postach. Osobiście zmierzyłem w paincie, jest 18px vs 24px.

Ogólnie głosowałem "za", ale jestem bardzo, bardzo przeciw tej zmianie na forum. Wygląda źle i jest niefajne w używaniu.

Kurcze no poczekajcie chwilę, zaraz będzie prototyp edytora. Spodoba wam się.

somekind
Nie będę pisał regexów, żeby kogoś zacytować. :P
Riddle
@somekind: I don't follow? Że niby mój edytor będzie upośledzony i @somekind już kogoś nie zacytuje? xd
somekind
Oj chodziło o to, że jesteś ekspertem od regexów, więc pewnie markdown też nimi zastąpisz. :P
Riddle
@somekind: Haha, nie. Markdown zostaje. Zastanawiam się tylko jak dodać pinganie, ale to może w następnym kroku.
Silv
A ja lubię regexy i chętnie Cię, @somekind , przekonam, żebyś zaczął tej funk…cji używać, jeśli tylko Tom ją zaimplementuje. ;)
obscurity
  • Rejestracja:około 6 lat
  • Ostatnio:21 minut
2

Wtf, myślałem dzisiaj że mi się style nie załadowały. Czemu edycja posta ma używać innej czcionki niż jest później wyświetlana w poście? Zmiana nie do przyjęcia, instaluję własne style do 4p jeśli to zostaje


"A car won't take your job, another horse driving a car will." - Horse influencer, 1910
Kliknij, aby dodać treść...

Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H2O i m2.

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript
document.write('Hello World');
```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy  by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

  • Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
  • Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
  • Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
  • Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

  • Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

  • Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

  • Alt+L - zaznaczenie całej linii
  • Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
  • Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
  • Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

  • Ctrl+Enter - dodaj post
  • ⌘+Enter - dodaj post (MacOS)