docs(editor): document selecting multiple strings in the Editor

astro.config.mjs

@@ -253,7 +253,8 @@ const config = defineConfig({
           'square-outline-rounded',
           'undo',
           'split-scene-left-outline',
-          'download'
+          'download',
+          'done-all'
         ],
         garden: [
           'puzzle-piece-fill-12'

src/content/docs/crowdin/online-editor/overview.mdx

@@ -31,8 +31,6 @@ import fileBrowser from '!/crowdin/online-editor/file_browser.png';
 import editTmSuggestions from '!/crowdin/online-editor/edit_tm_suggestions.png';
 import styleGuides from '!/crowdin/online-editor/style_guides.png';
 import fileContext from '!/crowdin/online-editor/file_context.png';
-import multiApprove from '!/crowdin/online-editor/multi_approve.png';
-import qaChecksOn from '!/crowdin/online-editor/qa_checks_on.png';
 import comfortable from '!/crowdin/online-editor/comfortable.png';
 import multilingualMode from '!/crowdin/online-editor/multilingual_mode.png';
 import multilingualModeGrid from '!/crowdin/online-editor/multilingual_mode_grid.png';
@@ -106,20 +104,37 @@ Once saved, your suggestion will be added to the string's translation suggestion
 
 If you need to discard your current input and revert to the previous state before saving, click <Icon name="material-symbols:undo" class="inline-icon" /> **Cancel**.
 
-#### Proofreading
+#### Selecting Multiple Strings
+
+In the **Side-by-Side**, **Multilingual**, and **Multilingual (Grid)** modes, you can select multiple strings and act on all of them at once. Select the checkboxes on the left of the strings you need, or select the checkbox above the list to include every string on the page.
+
+<Aside type="tip">
+  In the **Side-by-Side** and **Multilingual** modes, you can also select strings using common selection shortcuts:
+  * To select a continuous range, click the first string, hold <KBD>Shift</KBD>, and then click the last string.
+  * To add or remove individual strings from the selection, hold <KBD>Ctrl</KBD> or <KBD>Cmd</KBD> and click them.
+</Aside>
+
+With multiple strings selected, you can do the following:
 
-Review the translations to make sure they are ready for export, and click *Approve* <Icon name="mdi:check" class="inline-icon" /> icon next to the suggestion to approve each translation separately.
+* Copy the source text into their translation fields with <Icon name="copy-source" class="inline-icon dark:invert" /> in the toolbar above the list.
+* Copy the untranslatable elements into their translation fields with **Copy Source Skeleton** from the [String Menu](#string-menu).
+* Clear their translation fields with **Clear Selected Inputs** from the [String Menu](#string-menu).
+* Save or undo their unsaved translations with <Icon name="mdi:content-save" class="inline-icon" /> or <Icon name="material-symbols:undo" class="inline-icon" /> in the toolbar above the list. These buttons appear when **Auto-save translations** is disabled in the [Editor Settings](#general).
 
-To approve all or a couple of the strings at once, check the boxes on the left and then click **Approve**.
+Other actions depend on your role in the project. For example, proofreaders can also [approve the selected strings](#proofreading).
 
-<Image src={multiApprove} alt="Side-by-Side Proofreading" />
+If the strings that match the current filter span several pages, select all the strings on the page, then click the link in the banner above the list to select the rest. Saving, undoing, and approving then apply to all of them.
+
+#### Proofreading
+
+Review the translations to make sure they are ready for export, and click <Icon name="mdi:check" class="inline-icon" /> next to the suggestion to approve each translation separately.
+
+To approve multiple strings at once, [select them](#selecting-multiple-strings) and click <Icon name="material-symbols:done-all" class="inline-icon" /> in the toolbar above the list.
 
 <Aside>
-  Make sure to enable [QA checks](/project-settings/qa-checks/) to help you find strings that require review. Issues found will be highlighted in red under the translated strings that require revision.
+  Make sure to enable [QA checks](/project-settings/qa-checks/) to help you find strings that require review. Issues found are highlighted in red under the translated strings that require revision, each with a message that describes the problem.
 </Aside>
 
-<Image src={qaChecksOn} alt="QA issues" />
-
 #### WYSIWYG File Preview
 
 When translating the content of an HTML, XML, TXT, DOCX, XLSX, HAML, Web XML, Markdown, MDX, DITA, Wiki, ADOC, Coffee, FTL, JS, TS, and FTLH file formats, you can toggle a bottom panel (for Side-by-side and Multilingual modes) to see a file preview (i.e., WYSIWYG). For Comfortable mode, the file preview is displayed by default when working with the formats mentioned above.
@@ -344,7 +359,7 @@ Additional action buttons available when translating a string:
 * <Icon name="mdi:form-textbox" class="inline-icon" /> **Text selection mode** &ndash; Use it when you want to copy a part of the translation from Translation Memory (TM) or Machine Translations (MT) (Comfortable mode only).
 
 <Aside>
-  When using **Copy Source** or **Copy Source Skeleton** for multiple strings in the [**Multilingual**](#multilingual-mode) mode, the action will only apply to the active language (the one you last clicked in), not to all languages selected in the view.
+  When using **Copy Source**, **Copy Source Skeleton**, or **Clear Selected Inputs** for multiple strings in the [**Multilingual**](#multilingual-mode) mode, the action will only apply to the active language (the one you last clicked in), not to all languages selected in the view.
 </Aside>
 
 ### Context & Translations

src/content/docs/de/crowdin/online-editor/overview.mdx

@@ -31,8 +31,6 @@ import fileBrowser from '!/crowdin/online-editor/file_browser.png';
 import editTmSuggestions from '!/crowdin/online-editor/edit_tm_suggestions.png';
 import styleGuides from '!/crowdin/online-editor/style_guides.png';
 import fileContext from '!/crowdin/online-editor/file_context.png';
-import multiApprove from '!/crowdin/online-editor/multi_approve.png';
-import qaChecksOn from '!/crowdin/online-editor/qa_checks_on.png';
 import comfortable from '!/crowdin/online-editor/comfortable.png';
 import multilingualMode from '!/crowdin/online-editor/multilingual_mode.png';
 import multilingualModeGrid from '!/crowdin/online-editor/multilingual_mode_grid.png';
@@ -112,14 +110,10 @@ Prüfung der Übersetzungen zu Erstelle sure they sind bereit für Exportiere, u
 
 Um alle oder einige der Zeichenketten gleichzeitig zu genehmigen, aktiviere die Kontrollkästchen links und klicke anschließend auf **Genehmigen**.
 
-<Image src={multiApprove} alt="Side-von-Side-Prüfung" />
-
 <Aside>
   Stelle sicher, dass du [QA-Prüfungen](/project-settings/qa-checks/) aktivierst, damit du Strings findest, die überprüft werden müssen. Probleme gefunden wird sein hervorgehoben in red under der übersetzt Zeichenfolgen dass require revision.
 </Aside>
 
-<Image src={qaChecksOn} alt="QA-Probleme" />
-
 #### WYSIWYG Datei Vorschau
 
 Wenn Übersetzen der Inhalt von ein HTML, XML, TXT, DOCX, XLSX, HAML, Web XML, Markdown, MDX, DITA, Wiki, ADOC, Coffee, FTL, JS, TS, und FTLH Datei Formate, du kann toggle ein bottom panel (für Side-von-side und Multilingual Modi) zu see ein Datei Vorschau (i.e., WYSIWYG). für Comfortable Modus, der Datei Vorschau ist angezeigt von default wenn working mit der Formate mentioned above.

src/content/docs/de/enterprise/online-editor/overview.mdx

@@ -31,8 +31,6 @@ import fileBrowser from '!/crowdin/online-editor/file_browser.png';
 import editTmSuggestions from '!/crowdin/online-editor/edit_tm_suggestions.png';
 import styleGuides from '!/crowdin/online-editor/style_guides.png';
 import fileContext from '!/crowdin/online-editor/file_context.png';
-import multiApprove from '!/crowdin/online-editor/multi_approve.png';
-import qaChecksOn from '!/crowdin/online-editor/qa_checks_on.png';
 import comfortable from '!/crowdin/online-editor/comfortable.png';
 import multilingualMode from '!/crowdin/online-editor/multilingual_mode.png';
 import multilingualModeGrid from '!/crowdin/online-editor/multilingual_mode_grid.png';
@@ -123,14 +121,10 @@ Prüfung der Übersetzungen zu Erstelle sure they sind bereit für Exportiere, u
 
 Um alle oder einige der Zeichenketten gleichzeitig zu genehmigen, aktiviere die Kontrollkästchen links und klicke anschließend auf **Genehmigen**.
 
-<Image src={multiApprove} alt="Side-von-Side-Prüfung" />
-
 <Aside>
   Stelle sicher, dass du [QA-Prüfungen](/enterprise/project-settings/qa-checks/) aktivierst, damit du Zeichenketten findest, die überprüft werden müssen. Probleme gefunden wird sein hervorgehoben in red under der übersetzt Zeichenfolgen dass require revision.
 </Aside>
 
-<Image src={qaChecksOn} alt="QA-Probleme" />
-
 ##### Freigaben verwalten
 
 jede Übersetzung kann sein freigegeben either once oder multiple times von multiple Korrekturleser und Projekt Mitglieder mit Manager permissions (oder higher). Once ein Übersetzung ist freigegeben Mindestens einmal, it wird sein angezeigt als such auf alle Workflow Schritte von ein Projekt.

src/content/docs/enterprise/online-editor/overview.mdx

@@ -31,8 +31,6 @@ import fileBrowser from '!/crowdin/online-editor/file_browser.png';
 import editTmSuggestions from '!/crowdin/online-editor/edit_tm_suggestions.png';
 import styleGuides from '!/crowdin/online-editor/style_guides.png';
 import fileContext from '!/crowdin/online-editor/file_context.png';
-import multiApprove from '!/crowdin/online-editor/multi_approve.png';
-import qaChecksOn from '!/crowdin/online-editor/qa_checks_on.png';
 import comfortable from '!/crowdin/online-editor/comfortable.png';
 import multilingualMode from '!/crowdin/online-editor/multilingual_mode.png';
 import multilingualModeGrid from '!/crowdin/online-editor/multilingual_mode_grid.png';
@@ -117,20 +115,37 @@ Once saved, your suggestion will be added to the string's translation suggestion
 
 If you need to discard your current input and revert to the previous state before saving, click <Icon name="material-symbols:undo" class="inline-icon" /> **Cancel**.
 
-#### Proofreading
+#### Selecting Multiple Strings
+
+In the **Side-by-Side**, **Multilingual**, and **Multilingual (Grid)** modes, you can select multiple strings and act on all of them at once. Select the checkboxes on the left of the strings you need, or select the checkbox above the list to include every string on the page.
+
+<Aside type="tip">
+  In the **Side-by-Side** and **Multilingual** modes, you can also select strings using common selection shortcuts:
+  * To select a continuous range, click the first string, hold <KBD>Shift</KBD>, and then click the last string.
+  * To add or remove individual strings from the selection, hold <KBD>Ctrl</KBD> or <KBD>Cmd</KBD> and click them.
+</Aside>
+
+With multiple strings selected, you can do the following:
 
-Review the translations to make sure they are ready for export, and click *Approve* <Icon name="mdi:check" class="inline-icon" /> icon next to the suggestion to approve each translation separately.
+* Copy the source text into their translation fields with <Icon name="copy-source" class="inline-icon dark:invert" /> in the toolbar above the list.
+* Copy the untranslatable elements into their translation fields with **Copy Source Skeleton** from the [String Menu](#string-menu).
+* Clear their translation fields with **Clear Selected Inputs** from the [String Menu](#string-menu).
+* Save or undo their unsaved translations with <Icon name="mdi:content-save" class="inline-icon" /> or <Icon name="material-symbols:undo" class="inline-icon" /> in the toolbar above the list. These buttons appear when **Auto-save translations** is disabled in the [Editor Settings](#general).
 
-To approve all or a couple of the strings at once, check the boxes on the left and then click **Approve**.
+Other actions depend on your role in the project. For example, proofreaders can also [approve the selected strings](#proofreading).
 
-<Image src={multiApprove} alt="Side-by-Side Proofreading" />
+If the strings that match the current filter span several pages, select all the strings on the page, then click the link in the banner above the list to select the rest. Saving, undoing, and approving then apply to all of them.
+
+#### Proofreading
+
+Review the translations to make sure they are ready for export, and click <Icon name="mdi:check" class="inline-icon" /> next to the suggestion to approve each translation separately.
+
+To approve multiple strings at once, [select them](#selecting-multiple-strings) and click <Icon name="material-symbols:done-all" class="inline-icon" /> in the toolbar above the list.
 
 <Aside>
-  Make sure to enable [QA checks](/enterprise/project-settings/qa-checks/) to help you find strings that require review. Issues found will be highlighted in red under the translated strings that require revision.
+  Make sure to enable [QA checks](/enterprise/project-settings/qa-checks/) to help you find strings that require review. Issues found are highlighted in red under the translated strings that require revision, each with a message that describes the problem.
 </Aside>
 
-<Image src={qaChecksOn} alt="QA issues" />
-
 ##### Managing Approvals
 
 Each translation can be approved either once or multiple times by multiple proofreaders and project members with manager permissions (or higher). Once a translation is approved at least once, it will be displayed as such on all workflow steps of a project.
@@ -390,7 +405,7 @@ Additional action buttons available when translating a string:
 * <Icon name="mdi:form-textbox" class="inline-icon" /> **Text selection mode** &ndash; Use it when you want to copy a part of the translation from Translation Memory (TM) or Machine Translations (MT) (Comfortable mode only).
 
 <Aside>
-  When using **Copy Source** or **Copy Source Skeleton** for multiple strings in the [**Multilingual**](#multilingual-mode) mode, the action will only apply to the active language (the one you last clicked in), not to all languages selected in the view.
+  When using **Copy Source**, **Copy Source Skeleton**, or **Clear Selected Inputs** for multiple strings in the [**Multilingual**](#multilingual-mode) mode, the action will only apply to the active language (the one you last clicked in), not to all languages selected in the view.
 </Aside>
 
 ### Context & Translations

src/content/docs/tr/crowdin/online-editor/overview.mdx

@@ -31,8 +31,6 @@ import fileBrowser from '!/crowdin/online-editor/file_browser.png';
 import editTmSuggestions from '!/crowdin/online-editor/edit_tm_suggestions.png';
 import styleGuides from '!/crowdin/online-editor/style_guides.png';
 import fileContext from '!/crowdin/online-editor/file_context.png';
-import multiApprove from '!/crowdin/online-editor/multi_approve.png';
-import qaChecksOn from '!/crowdin/online-editor/qa_checks_on.png';
 import comfortable from '!/crowdin/online-editor/comfortable.png';
 import multilingualMode from '!/crowdin/online-editor/multilingual_mode.png';
 import multilingualModeGrid from '!/crowdin/online-editor/multilingual_mode_grid.png';
@@ -112,14 +110,10 @@ Review the translations to make sure they are ready for export, and click *Appro
 
 To approve all or a couple of the strings at once, check the boxes on the left and then click **Approve**.
 
-<Image src={multiApprove} alt="Yan Yana Düzeltme Okuması" />
-
 <Aside>
   Gözden geçirilmesi gereken dizgileri bulmanıza yardımcı olması için [KG denetimleri](/project-settings/qa-checks/)’ni etkinleştirdiğinizden emin olun. Bulunan sorunlar, düzeltim gerektiren çevrilmiş dizgilerin altında kırmızı renkle vurgulanacaktır.
 </Aside>
 
-<Image src={qaChecksOn} alt="KG sorunları" />
-
 #### WYSIWYG File Preview
 
 When translating the content of an HTML, XML, TXT, DOCX, XLSX, HAML, Web XML, Markdown, MDX, DITA, Wiki, ADOC, Coffee, FTL, JS, TS, and FTLH file formats, you can toggle a bottom panel (for Side-by-side and Multilingual modes) to see a file preview (i.e., WYSIWYG). For Comfortable mode, the file preview is displayed by default when working with the formats mentioned above.

src/content/docs/zh/crowdin/online-editor/overview.mdx

@@ -30,8 +30,6 @@ import fileBrowser from '!/crowdin/online-editor/file_browser.png';
 import editTmSuggestions from '!/crowdin/online-editor/edit_tm_suggestions.png';
 import styleGuides from '!/crowdin/online-editor/style_guides.png';
 import fileContext from '!/crowdin/online-editor/file_context.png';
-import multiApprove from '!/crowdin/online-editor/multi_approve.png';
-import qaChecksOn from '!/crowdin/online-editor/qa_checks_on.png';
 import comfortable from '!/crowdin/online-editor/comfortable.png';
 import multilingualMode from '!/crowdin/online-editor/multilingual_mode.png';
 import multilingualModeGrid from '!/crowdin/online-editor/multilingual_mode_grid.png';
@@ -111,14 +109,10 @@ import taskName from '!/crowdin/online-editor/task_name.png';
 
 要一次性批准全部或部分字符串，请勾选左侧的复选框，然后点击**批准**。
 
-<Image src={multiApprove} alt="并排校对" />
-
 <Aside>
   请务必启用 [QA 检查](/project-settings/qa-checks/)，以帮助您找到需要审核的字符串。 发现的问题将在需要修改的译文字符串下方以红色高亮显示。
 </Aside>
 
-<Image src={qaChecksOn} alt="QA 问题" />
-
 #### WYSIWYG 文件预览
 
 翻译 HTML、XML、TXT、DOCX、XLSX、HAML、Web XML、Markdown、MDX、DITA、Wiki、ADOC、Coffee、FTL、JS、TS 和 FTLH 文件格式的内容时，您可以切换底部面板（适用于并排模式和多语言模式）以查看文件预览（即 WYSIWYG）。 对于舒适模式，在使用上述格式时，文件预览默认显示。

src/content/docs/zh/enterprise/online-editor/overview.mdx

@@ -30,8 +30,6 @@ import fileBrowser from '!/crowdin/online-editor/file_browser.png';
 import editTmSuggestions from '!/crowdin/online-editor/edit_tm_suggestions.png';
 import styleGuides from '!/crowdin/online-editor/style_guides.png';
 import fileContext from '!/crowdin/online-editor/file_context.png';
-import multiApprove from '!/crowdin/online-editor/multi_approve.png';
-import qaChecksOn from '!/crowdin/online-editor/qa_checks_on.png';
 import comfortable from '!/crowdin/online-editor/comfortable.png';
 import multilingualMode from '!/crowdin/online-editor/multilingual_mode.png';
 import multilingualModeGrid from '!/crowdin/online-editor/multilingual_mode_grid.png';
@@ -122,14 +120,10 @@ import taskName from '!/crowdin/online-editor/task_name.png';
 
 要一次性批准全部或部分字符串，请勾选左侧的复选框，然后点击**批准**。
 
-<Image src={multiApprove} alt="并排校对" />
-
 <Aside>
   请确保启用 [QA 检查](/zh/enterprise/project-settings/qa-checks/)，以帮助您找到需要审阅的字符串。 发现的问题将在需要修改的译文字符串下方以红色高亮显示。
 </Aside>
 
-<Image src={qaChecksOn} alt="QA 问题" />
-
 ##### 管理批准
 
 每条译文可以由多名校对员和具有管理员权限（或更高权限）的项目成员批准一次或多次。 一旦译文至少被批准一次，它将在项目的所有工作流步骤中显示为已批准状态。