Перейти к основному содержимому

Язык и тема

Собственный текст редактора доступен на 25 языках, а его внешний вид задает тема: оформление (System, Light или Dark), оттенок серого и цвет акцента.
И язык, и тема принадлежат тому, кто работает в редакторе, а не диаграмме. Ни то ни другое не сохраняется в файле, не записывается в историю изменений и не передается соавторам, поэтому каждый видит свои, а изменение любого из них никогда не помечает файл как измененный.

Ни того ни другого нет на вкладке «Настройки». На панели инструментов есть кнопка Theme, а сразу за ней — кнопка Display Language, обе после кнопки Explorer. Быстрый поиск перечисляет Theme и Display Language на каждой вкладке.
Веб-приложение, Google Drive, VS Code, IDE JetBrains и Obsidian предлагают и то и другое и запоминают сделанный выбор — см. В разных хостах. И язык, и тема работают и в редакторе только для чтения.

Язык интерфейса​

Язык распространяется на собственный текст редактора: всплывающие подсказки панели инструментов, контекстные меню, Быстрый поиск, панели и окна, вкладку «Настройки», экран приветствия, уведомления и сообщения, а также заполнитель, который отображается вместо пустого имени, типа данных, значения по умолчанию или комментария на холсте и в экспортированном изображении.
На любом языке без изменений остается следующее: имена таблиц и столбцов, комментарии и заметки; СУБД, языки Генератора кода и форматы файлов; типы данных, ключевые слова SQL и действия ON DELETE и ON UPDATE; параметры Схемы SQL Create, If not exists, Drop & re-create, USE и CREATE + USE; метки PK, FK, UQ, AI, NN, N-N, NULL и AK1.1; буквы состояния A, M, D, R и ~ в просмотре различий; варианты стиля имен и параметра Bracket, кроме None; названия клавиш клавиатуры; названия цветов в конструкторе темы; сгенерированные SQL и код; а также имена экспортированных файлов.

Языки в том порядке, в котором их перечисляет окно выбора:

В окне выбораЯзыкКод
Bahasa IndonesiaИндонезийскийid-ID
DeutschНемецкийde-DE
EnglishАнглийскийen
EspañolИспанскийes-ES
EuskaraБаскскийeu-ES
FrançaisФранцузскийfr-FR
ItalianoИтальянскийit-IT
NederlandsНидерландскийnl-NL
PolskiПольскийpl-PL
PortuguêsПортугальскийpt-PT
Português BrasileiroБразильский португальскийpt-BR
RomânăРумынскийro-RO
SlovenčinaСловацкийsk-SK
SlovenščinaСловенскийsl-SI
SvenskaШведскийsv-SE
TürkçeТурецкийtr-TR
РусскийРусскийru-RU
УкраїнськаУкраинскийuk-UA
עבריתИвритhe-IL
العربيةАрабскийar-SA
فارسیПерсидскийfa-IR
日本語Японскийja-JP
简体中文Упрощенный китайскийzh-CN
繁體中文Традиционный китайскийzh-TW
한국어Корейскийko-KR

Команда Language, которую Быстрый поиск предлагает на вкладке «Генератор кода», и строка Language в списке блокировок на вкладке «Настройки» — это целевой язык Генератора кода, а не язык интерфейса.

Выбор языка​

Кнопка Display Language (значок языков) открывает окно выбора Display Language — панель с заголовком Display Language под панелью инструментов, поверх той вкладки, которая открыта.
Первым идет пункт System, рядом с которым указан язык, которому он сейчас соответствует, и этот пункт остается на виду при прокрутке списка. За ним следуют 25 языков, каждый под собственным названием, а галочкой отмечен действующий вариант.

Переключение языка интерфейса с панели инструментов на 한국어, затем на العربية, при котором зеркально отражается панель инструментов, но не диаграмма, и обратно на System

Панель открывается с фокусом клавиатуры на отмеченной строке:

  • ↑ и ↓ циклически перемещают фокус по строкам, а Home и End переводят его на первую и последнюю строку.
  • Enter или Space выбирает строку в фокусе, как и щелчок.

Выбор применяется сразу, закрывает панель и возвращает фокус клавиатуры редактору.

Закройте панель, ничего не выбрав, клавишей Escape, кнопкой x рядом с заголовком, всплывающая подсказка которой — Close (ESC), нажатием в любом месте редактора за пределами панели, кроме панели инструментов, или повторным нажатием кнопки Display Language.
При открытии окна выбора закрываются конструктор темы и окно «Свойства таблицы». Открытый Обозреватель остается открытым, и при языке с письмом слева направо окно выбора располагается сразу за ним, а не поверх него.
Окно выбора закрывается при открытии Быстрого поиска или конструктора темы, а также сочетанием Ctrl + F (Windows/Linux) или ⌘ + F (Mac). Это сочетание открывает поиск Обозревателя, а если Обозреватель уже открыт, оставляет его открытым и переводит фокус клавиатуры в его поле поиска. Кнопка Explorer на панели инструментов оставляет окно выбора открытым.

Пока фокус клавиатуры в панели, несколько сочетаний клавиш редактора продолжают работать: Search, Toggle Explorer, Undo, Redo, Zoom In, Zoom Out и Zoom Reset — см. Сочетания клавиш. Все остальные сочетания клавиш редактора, клавиши со стрелками и Tab не выходят за пределы панели, поэтому редактор на них не реагирует. Клавиши, которые редактор не привязывает, например сочетание сохранения в самом хосте, как обычно доходят до хоста.

В Быстром поиске пункт Display Language перечисляет System и 25 языков, а действующий вариант отмечен галочкой. Там язык можно найти также по английскому названию или по коду, поэтому german или de-DE находит Deutsch.

На что ориентируется System​

System — начальное значение языка в веб-приложении, Google Drive, VS Code, IDE JetBrains и Obsidian. Это значение ориентируется на язык хоста:

  • В веб-приложении, Google Drive и на вашей собственной странице: предпочитаемые языки браузера. Их изменение учитывается сразу.
  • В VS Code: язык интерфейса VS Code.
  • В IDE JetBrains: язык, на котором IDE показывает собственный интерфейс.
  • В Obsidian: язык Obsidian.

System берет первый из этих языков, который есть в редакторе, а если в редакторе нет ни одного из них — английский.
Региональный вариант приравнивается к своему языку, поэтому de-AT дает Deutsch, а fr-CA — Français. Китайский определяется по системе письма: традиционная система письма дает 繁體中文, а любая другая — 简体中文. Если система письма не указана, Тайвань, Гонконг или Макао дают 繁體中文, а прочие варианты китайского — 简体中文. Португальский дает Português Brasileiro, если не указан регион, отличный от Бразилии, поэтому pt-PT дает Português; португальский в Obsidian также дает Português.

Языки с письмом справа налево​

עברית (иврит), العربية (арабский) и فارسی (персидский) располагают элементы редактора справа налево: панель инструментов, меню, панели и окна, Быстрый поиск и вкладка «Настройки» отражаются зеркально. Подменю контекстного меню открываются влево, а значки отмены и повтора на панели инструментов меняются местами, чтобы значок отмены указывал назад относительно направления чтения справа налево.

Сама диаграмма никогда не отражается. Холст с таблицами, столбцами, связями и заметками сохраняет направление слева направо, как и мини-карта, полосы прокрутки, панель инструментов холста, «Визуализация» и ее панель инструментов, ячейки типов данных, код на вкладках «Схема SQL» и «Генератор кода», окно выбора цвета, обе стороны просмотра различий, путешествие во времени и предварительный просмотр Автоматического размещения.
Обозреватель остается слева от холста, а дерево изменений просмотра различий — слева от окна просмотра, и у каждого граница для перетаскивания находится справа. Внутри оба читаются справа налево: их поля и строки отражены зеркально, отступ строк отсчитывается справа, а в обоих деревьях ← разворачивает строку или переходит к ее первой дочерней строке, тогда как → сворачивает ее или переходит к родительской — см. Клавиши в Обозревателе.
Имена, комментарии и другой введенный вами текст сохраняют собственное направление, поэтому имя на иврите, арабском или персидском читается справа налево и на холсте.

Тема​

Кнопка Theme (значок контраста) открывает конструктор темы — панель с заголовком Theme под панелью инструментов, поверх той вкладки, которая открыта. В нем три части:

  • Accent color: 26 образцов цвета. Всплывающая подсказка каждого из них называет его, например indigo.
  • Gray color: 6 образцов цвета — gray, mauve, slate, sage, olive и sand.
  • Appearance: System, Light и Dark.

Открытие конструктора темы с панели инструментов, выбор цвета акцента и оттенка серого и переключение оформления на Light, а затем на System

В каждой части отмечен действующий вариант, а выбор применяется сразу, и конструктор при этом остается открытым.
Выбор цвета не меняет оформление, поэтому цвет, выбранный при System, сохраняет оформление System.

System показывает светлое или темное оформление так же, как хост, и переключается вместе с ним:

  • В веб-приложении, Google Drive и на вашей собственной странице: светлый или темный режим, о котором сообщает браузер и который следует настройке операционной системы.
  • В VS Code: светлое при светлой цветовой теме и темное при темной или любой из двух высококонтрастных тем.
  • В IDE JetBrains: светлая или темная тема IDE.
  • В Obsidian: светлая или темная тема Obsidian.

Закройте конструктор клавишей Escape, кнопкой x рядом с заголовком, всплывающая подсказка которой — Close (ESC), нажатием в любом месте редактора за пределами панели, кроме панели инструментов, или повторным нажатием кнопки Theme.
При открытии конструктора закрываются окно «Свойства таблицы» и окно выбора Display Language. Открытый Обозреватель остается открытым, и при языке с письмом слева направо конструктор располагается сразу за ним, а не поверх него.
Конструктор закрывается при открытии Быстрого поиска или окна выбора Display Language, а также сочетанием Ctrl + F (Windows/Linux) или ⌘ + F (Mac). Это сочетание открывает поиск Обозревателя, а если Обозреватель уже открыт, оставляет его открытым и переводит фокус клавиатуры в его поле поиска. Кнопка Explorer на панели инструментов оставляет конструктор открытым.
Конструктор не перехватывает клавиши, поэтому, пока он открыт, сочетания клавиш редактора работают.

В Быстром поиске пункт Theme перечисляет System, Light и Dark, а действующее оформление отмечено галочкой. Выбор одного из них меняет только оформление, а оттенок серого и цвет акцента оставляет без изменений.

В разных хостах​

Выбор, сделанный в редакторе с панели инструментов или из Быстрого поиска, сохраняется там, где его хранит хост, и каждая открытая диаграмма сразу применяет его изменение, где бы оно ни было сделано.
В VS Code, IDE JetBrains и Obsidian значение хоста Auto (в VS Code — значение auto) соответствует System в редакторе. Выбор System сохраняет Auto, а выбор Light или Dark сохраняет это оформление, даже если оно уже отображалось при Auto.
Собственные настройки и уведомления расширения и плагинов отображаются на английском независимо от языка интерфейса.

Веб-приложение и Google Drive​

На erd-editor.io, включая его сеансы совместного редактирования, и в Google Drive один язык и одна тема действуют для приложения и каждой диаграммы в нем.
И то и другое хранится в этом браузере, а не в схеме и не в файле Drive, и все вкладки erd-editor.io используют их совместно: выбор на одной вкладке сразу меняет остальные.

Пока вы не выберете язык, действует значение System, которое следует предпочитаемым языкам браузера.
Собственный текст приложения, например текст боковой панели, корзины, совместной работы и экранов Google Drive, отображается на том же языке, а на иврите, арабском и персидском все приложение располагается справа налево. Политика конфиденциальности, Условия использования и страницы поддержки остаются на английском.
Помимо панели редактора и Быстрого поиска, в нижней строке боковой панели рядом со ссылками Privacy и Terms есть кнопка выбора языка, всплывающая подсказка которой — Display Language. Ее меню показывает пункт System с языком, которому он соответствует, а затем 25 языков.

Изначально тема имеет оформление System, оттенок серого olive и цвет акцента jade.
Помимо конструктора темы и Быстрого поиска, внизу боковой панели есть три кнопки со значками — System, Light и Dark: на erd-editor.io рядом с пунктом Trash, а в Google Drive рядом с пунктом Sign out. Они задают то же оформление, что и конструктор.

VS Code​

Настройки расширения находятся в разделе ERD Editor окна Settings в VS Code:

НастройкаЗначенияПо умолчанию
dineug.erd-editor.localeauto или код из таблицы языковauto
dineug.erd-editor.theme.appearanceauto, light, darkauto
dineug.erd-editor.theme.grayColorшесть оттенков серогоslate
dineug.erd-editor.theme.accentColor26 цветов акцентаindigo

Редактор Settings показывает для настройки языка вариант Auto, а затем каждый язык под собственным названием. Значение в файле settings.json, не соответствующее ни одному языку, считается равным auto.
Выбор темы в редакторе записывает все три настройки темы. Выбор записывается туда, где соответствующая настройка уже задана: в папку рабочей области, иначе в рабочую область, иначе в пользовательские настройки.

IDE JetBrains​

В Settings | Tools | ERD Editor есть параметры Appearance: (Auto, Light, Dark), Gray color:, Accent color: и Display language: (Auto, затем каждый язык под собственным названием), которые хранятся для всей IDE.
Их начальные значения — Auto, Slate, Indigo и Auto.

Obsidian​

В Settings → ERD Editor есть параметры Appearance (Auto, Light, Dark), Gray color, Accent color и Display language (Auto, затем каждый язык под собственным названием), которые хранятся отдельно для каждого хранилища.
Их начальные значения — Auto, Slate, Indigo и Auto.
Изменение применяется ко всем вкладкам ERD хранилища, включая вкладки в отдельных окнах.

Ваша собственная страница​

Элемент <erd-editor> на вашей собственной странице не показывает кнопки Theme и Display Language, а Быстрый поиск не перечисляет ни то ни другое, пока страница не включит их с помощью enableThemeBuilder и enableLocalePicker.
Пока страница не задаст язык или читатель не выберет его, редактор отображается на английском либо следует System, если включен enableLocalePicker.
Изначально тема имеет оформление Dark, оттенок серого slate и цвет акцента indigo, если страница не задаст другую тему или не включит systemDarkMode.
Выбор читателя применяется сразу, но элемент не сохраняет ни язык, ни тему: страница сама задает начальные значения и сохраняет выбор читателя — см. Тема и Язык интерфейса в описании API.