Przejdź do głównej zawartości

Język i motyw

Tekst samego edytora jest dostępny w 25 językach, a jego szatę graficzną określa motyw: wygląd (System, Light lub Dark), odcień szarości i kolor akcentu.
Oba należą do osoby korzystającej z edytora, a nie do diagramu. Żadnego z nich nie zapisuje się w pliku, nie rejestruje w historii cofania ani nie udostępnia współpracownikom, więc każdy widzi swoje, a zmiana któregokolwiek z nich nigdy nie oznacza pliku jako zmodyfikowanego.

Żadnego z nich nie ma na karcie Ustawienia. Na pasku narzędzi, za przyciskiem Explorer, znajduje się przycisk Theme, a zaraz za nim przycisk Display Language. Szybkie wyszukiwanie wyświetla polecenia Theme i Display Language na każdej karcie.
Aplikacja internetowa, Google Drive, VS Code, IDE JetBrains i Obsidian oferują oba i zapamiętują dokonane wybory – zobacz sekcję W poszczególnych hostach. Oba działają również w edytorze tylko do odczytu.

Język wyświetlania​

Język obejmuje tekst samego edytora: podpowiedzi paska narzędzi, menu kontekstowe, Szybkie wyszukiwanie, panele i okna dialogowe, kartę Ustawienia, ekran powitalny, powiadomienia i komunikaty oraz tekst zastępczy wyświetlany na kanwie i w wyeksportowanym obrazie w miejscu pustej nazwy, typu danych, wartości domyślnej lub komentarza.
W każdym języku bez zmian pozostają: własne nazwy tabel i kolumn, komentarze i notatki; systemy baz danych, języki Generatora kodu i formaty plików; typy danych, słowa kluczowe SQL oraz akcje ON DELETE i ON UPDATE; opcje Schematu SQL Create, If not exists, Drop & re-create, USE i CREATE + USE; oznaczenia PK, FK, UQ, AI, NN, N-N, NULL i AK1.1; litery statusu A, M, D, R i ~, których używa podgląd różnic; opcje stylu nazw i opcje Bracket inne niż None; nazwy klawiszy; nazwy kolorów w kreatorze motywu; wygenerowany SQL i kod; nazwy wyeksportowanych plików.

Języki w kolejności, w jakiej wyświetla je selektor:

W selektorzeJęzykKod
Bahasa IndonesiaIndonezyjskiid-ID
DeutschNiemieckide-DE
EnglishAngielskien
EspañolHiszpańskies-ES
EuskaraBaskijskieu-ES
FrançaisFrancuskifr-FR
ItalianoWłoskiit-IT
NederlandsNiderlandzkinl-NL
PolskiPolskipl-PL
PortuguêsPortugalskipt-PT
Português BrasileiroPortugalski brazylijskipt-BR
RomânăRumuńskiro-RO
SlovenčinaSłowackisk-SK
SlovenščinaSłoweńskisl-SI
SvenskaSzwedzkisv-SE
TürkçeTureckitr-TR
РусскийRosyjskiru-RU
УкраїнськаUkraińskiuk-UA
עבריתHebrajskihe-IL
العربيةArabskiar-SA
فارسیPerskifa-IR
日本語Japońskija-JP
简体中文Chiński uproszczonyzh-CN
繁體中文Chiński tradycyjnyzh-TW
한국어Koreańskiko-KR

Polecenie Language, które Szybkie wyszukiwanie oferuje na karcie Generator kodu, oraz wiersz Language listy Blokada na karcie Ustawienia to język docelowy Generatora kodu, a nie język wyświetlania.

Wybieranie języka​

Przycisk Display Language (ikona języków) otwiera selektor języka Display Language, czyli panel zatytułowany Display Language, wyświetlany pod paskiem narzędzi nad otwartą w danej chwili kartą.
Pierwsza jest opcja System, obok której widać język, jaki w tej chwili oznacza, i pozostaje ona widoczna podczas przewijania listy. Dalej następuje 25 języków, każdy pod nazwą we własnym języku, a znacznik wyboru wskazuje obowiązującą opcję.

Przełączanie języka wyświetlania z paska narzędzi na 한국어, potem na العربية, co odbija lustrzanie pasek narzędzi, ale nie diagram, i z powrotem na System

Panel otwiera się z fokusem klawiatury na wierszu ze znacznikiem wyboru:

  • Klawisze ↑ i ↓ przechodzą między wierszami w pętli, a Home i End przeskakują do pierwszego i ostatniego wiersza.
  • Enter lub Space wybiera wiersz z fokusem, tak jak kliknięcie.

Wybór działa od razu, zamyka panel i oddaje fokus klawiatury edytorowi.

Zamknij go bez wyboru klawiszem Escape, przyciskiem x obok tytułu, którego podpowiedź brzmi Close (ESC), naciśnięciem dowolnego miejsca edytora poza panelem, z wyjątkiem paska narzędzi, lub ponownie przyciskiem Display Language.
Otwarcie selektora zamyka kreator motywu i Właściwości tabeli. Otwarty Eksplorator pozostaje otwarty, a w języku pisanym od lewej do prawej selektor pojawia się tuż za nim, zamiast go zasłaniać.
Selektor zamyka się po otwarciu Szybkiego wyszukiwania lub kreatora motywu, a także po naciśnięciu skrótu Ctrl + F (Windows/Linux) lub ⌘ + F (Mac). Ten skrót otwiera Eksplorator z aktywnym wyszukiwaniem, a jeśli Eksplorator jest już otwarty, pozostawia go otwartym i przenosi fokus klawiatury do jego pola wyszukiwania. Przycisk Explorer na pasku narzędzi pozostawia selektor otwarty.

Gdy panel ma fokus klawiatury, nadal działa kilka skrótów edytora: Search, Toggle Explorer, Undo, Redo, Zoom In, Zoom Out i Zoom Reset – zobacz sekcję Skróty klawiaturowe. Wszystkie pozostałe skróty edytora, klawisze strzałek i klawisz Tab nie wychodzą poza panel, więc edytor na nie nie reaguje. Klawisze, do których edytor nie przypisuje poleceń, takie jak skrót zapisu samego hosta, docierają do hosta jak zwykle.

W funkcji Szybkie wyszukiwanie polecenie Display Language wyświetla opcję System i 25 języków, ze znacznikiem wyboru przy obowiązującej opcji. Język można tam znaleźć również po jego angielskiej nazwie lub kodzie, więc wpisanie german lub de-DE znajduje pozycję Deutsch.

Co oznacza opcja System​

W aplikacji internetowej, Google Drive, VS Code, IDE JetBrains i aplikacji Obsidian język ma początkowo wartość System. Ta opcja podąża za językiem hosta:

  • W aplikacji internetowej, Google Drive i na własnej stronie: preferowane języki przeglądarki. Ich zmiana jest uwzględniana od razu.
  • W VS Code: język wyświetlania VS Code.
  • W IDE JetBrains: język, w którym IDE wyświetla własny interfejs.
  • W aplikacji Obsidian: język aplikacji Obsidian.

Opcja System wybiera pierwszy z tych języków, który edytor obsługuje, a jeśli nie obsługuje żadnego z nich, wybiera angielski.
Wariant regionalny jest traktowany jak jego język, więc de-AT daje Deutsch, a fr-CA daje Français. W przypadku języka chińskiego decyduje pismo: pismo tradycyjne daje 繁體中文, a każde inne pismo 简体中文. Gdy pismo nie jest podane, region Tajwan, Hongkong lub Makau daje 繁體中文, a pozostałe warianty chińskiego dają 简体中文. Język portugalski daje Português Brasileiro, chyba że podano region inny niż Brazylia, więc pt-PT daje Português; portugalski w aplikacji Obsidian również daje Português.

Języki pisane od prawej do lewej​

עברית (hebrajski), العربية (arabski) i فارسی (perski) układają edytor od prawej do lewej: pasek narzędzi, menu, panele i okna dialogowe, Szybkie wyszukiwanie oraz karta Ustawienia są odbite lustrzanie. Podmenu menu kontekstowego otwierają się w lewo, a ikony Cofnij i Ponów na pasku narzędzi zamieniają się miejscami, tak aby ikona Cofnij wskazywała wstecz z perspektywy osoby czytającej od prawej do lewej.

Sam diagram nigdy nie jest odbijany lustrzanie. Kanwa z tabelami, kolumnami, relacjami i notatkami pozostaje w układzie od lewej do prawej, podobnie jak minimapa, paski przewijania, pasek narzędzi kanwy, Wizualizacja i jej pasek narzędzi, komórki typu danych, kod na kartach Schemat SQL i Generator kodu, selektor kolorów, obie strony podglądu różnic, podróż w czasie oraz podgląd Automatycznego układu.
Eksplorator pozostaje po lewej stronie kanwy, a drzewo zmian podglądu różnic po lewej stronie podglądu, przy czym każdy z nich ma krawędź do przeciągania po swojej prawej stronie. Wewnątrz oba czyta się od prawej do lewej: ich pola i wiersze są odbite lustrzanie, wiersze mają wcięcia od prawej, a w każdym z drzew ← rozwija wiersz lub przechodzi do jego pierwszego wiersza podrzędnego, podczas gdy → zwija go lub wychodzi do wiersza nadrzędnego – zobacz sekcję Klawisze w Eksploratorze.
Nazwy, komentarze i inny wpisany tekst zachowują własny kierunek, więc nazwę w języku hebrajskim, arabskim lub perskim również na kanwie czyta się od prawej do lewej.

Motyw​

Przycisk Theme (ikona kontrastu) otwiera kreator motywu, czyli panel zatytułowany Theme, wyświetlany pod paskiem narzędzi nad otwartą w danej chwili kartą. Składa się on z trzech części:

  • Accent color: 26 próbek koloru. Podpowiedź każdej z nich podaje jej nazwę, na przykład indigo.
  • Gray color: 6 próbek koloru: gray, mauve, slate, sage, olive i sand.
  • Appearance: System, Light i Dark.

Otwieranie kreatora motywu z paska narzędzi, wybieranie koloru akcentu i odcienia szarości oraz przełączanie wyglądu na Light, a potem na System

W każdej części obowiązujący wybór jest oznaczony, a wybranie opcji działa od razu i nie zamyka kreatora.
Wybranie koloru nie zmienia wyglądu, więc kolor wybrany przy ustawieniu System zachowuje wygląd System.

Opcja System pokazuje wygląd jasny lub ciemny tak jak host i przełącza się razem z nim:

  • W aplikacji internetowej, Google Drive i na własnej stronie: tryb jasny lub ciemny zgłaszany przez przeglądarkę, który podąża za systemem operacyjnym.
  • W VS Code: jasny przy jasnym motywie kolorów, a ciemny przy ciemnym lub przy jednym z dwóch motywów o wysokim kontraście.
  • W IDE JetBrains: jasny lub ciemny motyw IDE.
  • W aplikacji Obsidian: jasny lub ciemny motyw aplikacji Obsidian.

Zamknij kreator klawiszem Escape, przyciskiem x obok tytułu, którego podpowiedź brzmi Close (ESC), naciśnięciem dowolnego miejsca edytora poza panelem, z wyjątkiem paska narzędzi, lub ponownie przyciskiem Theme.
Otwarcie kreatora zamyka Właściwości tabeli i selektor języka Display Language. Otwarty Eksplorator pozostaje otwarty, a w języku pisanym od lewej do prawej kreator pojawia się tuż za nim, zamiast go zasłaniać.
Kreator zamyka się po otwarciu Szybkiego wyszukiwania lub selektora języka Display Language, a także po naciśnięciu skrótu Ctrl + F (Windows/Linux) lub ⌘ + F (Mac). Ten skrót otwiera Eksplorator z aktywnym wyszukiwaniem, a jeśli Eksplorator jest już otwarty, pozostawia go otwartym i przenosi fokus klawiatury do jego pola wyszukiwania. Przycisk Explorer na pasku narzędzi pozostawia kreator otwarty.
Kreator nie przechwytuje żadnych klawiszy, więc skróty edytora działają, gdy jest otwarty.

W funkcji Szybkie wyszukiwanie polecenie Theme wyświetla opcje System, Light i Dark, ze znacznikiem wyboru przy obowiązującym wyglądzie. Wybranie jednej z nich zmienia tylko wygląd i pozostawia odcień szarości oraz kolor akcentu bez zmian.

W poszczególnych hostach​

To, co wybierzesz w edytorze – z paska narzędzi lub w Szybkim wyszukiwaniu – zapisuje się tam, gdzie przechowuje to host, a każdy otwarty diagram od razu uwzględnia zmianę, niezależnie od tego, gdzie ją wprowadzono.
W VS Code, IDE JetBrains i aplikacji Obsidian opcja Auto hosta (w VS Code wartość auto) odpowiada opcji System edytora. Wybranie opcji System zapisuje wartość Auto, a wybranie Light lub Dark zapisuje ten wygląd, nawet jeśli przy ustawieniu Auto był on już widoczny.
Własne ustawienia i komunikaty rozszerzenia oraz wtyczek są po angielsku niezależnie od języka wyświetlania.

Aplikacja internetowa i Google Drive​

W serwisie erd-editor.io, łącznie z jego sesjami wspólnej edycji, oraz w Google Drive jeden język i jeden motyw obowiązują dla aplikacji i każdego diagramu w niej.
Oba są przechowywane w tej przeglądarce, a nie w schemacie ani w pliku Drive, i współdzielą je wszystkie karty serwisu erd-editor.io: wybór na jednej karcie od razu zmienia pozostałe.

Dopóki nie wybierzesz języka, obowiązuje opcja System, która podąża za preferowanymi językami przeglądarki.
Własny tekst aplikacji, na przykład na pasku bocznym, w koszu, we wspólnej edycji i na ekranach Google Drive, używa tego samego języka, a w języku hebrajskim, arabskim i perskim cała aplikacja ma układ od prawej do lewej. Polityka prywatności, Warunki korzystania z usługi i strony pomocy pozostają po angielsku.
Oprócz panelu edytora i Szybkiego wyszukiwania w dolnym wierszu paska bocznego, obok łączy Privacy i Terms, znajduje się przycisk języka, którego podpowiedź brzmi Display Language. Jego menu wyświetla opcję System wraz z językiem, który ona oznacza, a następnie 25 języków.

Motyw ma początkowo wygląd System, odcień szarości olive i kolor akcentu jade.
Oprócz kreatora motywu i Szybkiego wyszukiwania na dole paska bocznego znajdują się trzy przyciski z ikonami, System, Light i Dark: obok pozycji Trash w serwisie erd-editor.io i obok pozycji Sign out w Google Drive. Ustawiają one ten sam wygląd co kreator.

VS Code​

Ustawienia rozszerzenia znajdują się pod pozycją ERD Editor w widoku Settings w VS Code:

UstawienieWartościWartość domyślna
dineug.erd-editor.localeauto lub kod z tabeli językówauto
dineug.erd-editor.theme.appearanceauto, light, darkauto
dineug.erd-editor.theme.grayColorsześć odcieni szarościslate
dineug.erd-editor.theme.accentColor26 kolorów akcentuindigo

Edytor Settings wyświetla dla ustawienia języka opcję Auto, a po niej każdy język pod nazwą we własnym języku. Wartość w pliku settings.json, która nie wskazuje żadnego języka, jest odczytywana jako auto.
Wybór motywu w edytorze zapisuje wszystkie trzy ustawienia motywu. Wybór zapisuje się tam, gdzie jego ustawienie jest już określone: w folderze obszaru roboczego, a jeśli nie, w obszarze roboczym, a jeśli nie, w ustawieniach użytkownika.

IDE JetBrains​

W Settings | Tools | ERD Editor są ustawienia Appearance: (Auto, Light, Dark), Gray color:, Accent color: i Display language: (Auto, a następnie każdy język pod nazwą we własnym języku), przechowywane dla całego IDE.
Ich wartości początkowe to Auto, Slate, Indigo i Auto.

Obsidian​

W Settings → ERD Editor są ustawienia Appearance (Auto, Light, Dark), Gray color, Accent color i Display language (Auto, a następnie każdy język pod nazwą we własnym języku), przechowywane osobno dla każdego sejfu.
Ich wartości początkowe to Auto, Slate, Indigo i Auto.
Zmiana dotyczy każdej karty ERD w sejfie, łącznie z kartami w osobnych oknach.

Własna strona​

Element <erd-editor> na własnej stronie nie pokazuje przycisków Theme ani Display Language, a Szybkie wyszukiwanie nie wyświetla żadnego z tych poleceń, dopóki strona nie włączy ich za pomocą enableThemeBuilder i enableLocalePicker.
Dopóki strona nie ustawi języka lub czytelnik go nie wybierze, edytor wyświetla tekst po angielsku albo, jeśli włączono enableLocalePicker, podąża za opcją System.
Motyw ma początkowo wygląd Dark, odcień szarości slate i kolor akcentu indigo, chyba że strona ustawi inny lub włączy systemDarkMode.
Wybór czytelnika działa od razu, ale element nie zapisuje żadnego z tych ustawień: strona sama ustawia wartości początkowe i zapisuje wybory czytelnika – zobacz sekcje Motyw i Język wyświetlania w dokumentacji API.