Treść
Tekst, który ludzie czytają: renderowany Markdown, pole do pisania z podglądem, kod z przyciskiem kopiowania, pojedyncze polecenia, wyjście programu i nieruchomy ekran terminala. Kod i wyjście przewijają się we własnym polu, więc strona nigdy nie przewija się na boki.
Strony: 7, eksporty: 7
- Markdown
- Prose
- MarkdownField
- CodeBlock
- Snippet
- OutputBox
- TerminalScreen
ImportLink do sekcji Import
Każda grupa ma własny punkt wejścia, więc aplikacja, która potrzebuje tylko tej grupy, ładuje tylko ją. Wszystko jest też eksportowane z @skribly/ui.
import { Markdown, Prose, MarkdownField, CodeBlock, … } from '@skribly/ui/content'Strony tej grupyLink do sekcji Strony tej grupy
- MarkdownRenderuje Markdown od użytkownika, z trackera albo od agenta jako bezpieczny HTML. Działa też na serwerze, bez DOM, więc wybierz go dla każdego zapisanego tekstu w Markdownie.Markdown
- ProseNadaje zwykłemu HTML style czytania Skribly. Wybierz go dla długiego tekstu napisanego w JSX lub HTML z własnego źródła; dla Markdowna użyj Markdown.Prose
- MarkdownFieldPole tekstowe dla Markdowna z kartą podglądu, do opisów i komentarzy. Wybierz je, gdy tekst będzie pokazywany po wyrenderowaniu; dla krótkich wartości użyj zwykłego TextField.MarkdownField
- CodeBlockPokazuje blok kodu z opcjonalną nazwą pliku, znacznikiem języka, numerami linii i przyciskiem kopiowania. Dla pojedynczego polecenia wybierz Snippet.CodeBlock
- SnippetJedno polecenie albo klawisz z przyciskiem kopiowania, na przykład linia instalacji. Tekst się zawija, więc mieści się na ekranie telefonu.Snippet
- OutputBoxWyjście programu, takie jak log instalacji lub budowania, z opcjonalnym wynikiem. Wybierz go dla tekstu, który wypisało narzędzie; dla kodu źródłowego wybierz CodeBlock.OutputBox
- TerminalScreenNieruchomy obraz terminala, na przykład ostatnie linie sesji agenta na karcie przeglądu. Wybierz go do podglądu; terminal na żywo wymaga xterm w aplikacji.TerminalScreen