Update help (en, de)

This commit is contained in:
svetlana maleeva
2025-08-01 17:24:21 +03:00
parent a3e79769f8
commit c824bdd68c
122 changed files with 1779 additions and 270 deletions

View File

@ -0,0 +1,12 @@
[
{"src": "ProgramInterface/ProgramInterface.htm", "name": "Introducing the user interface of the Diagram Viewer", "headername": "Program Interface"},
{"src": "ProgramInterface/FileTab.htm", "name": "File tab", "headername": "Program Interface"},
{"src": "ProgramInterface/ViewTab.htm", "name": "View tab", "headername": "Program Interface"},
{"src": "HelpfulHints/About.htm", "name": "About the Diagram Viewer", "headername": "Helpful Hints"},
{"src": "HelpfulHints/AdvancedSettings.htm", "name": "Advanced Settings of the Diagram Viewer", "headername": "Helpful Hints"},
{"src": "HelpfulHints/Communicating.htm", "name": "Communicating in real time", "headername": "Helpful Hints"},
{"src": "HelpfulHints/KeyboardShortcuts.htm", "name": "Keyboard Shortcuts", "headername": "Helpful Hints"},
{"src": "HelpfulHints/Navigation.htm", "name": "View Settings and Navigation Tools", "headername": "Helpful Hints"},
{"src": "UsageInstructions/SavePrintDownload.htm", "name": "Download and print your diagram", "headername": "Usage Instructions"},
{"src": "UsageInstructions/ViewDiagramViewerInfo.htm", "name": "View diagram information", "headername": "Usage Instructions"}
]

View File

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<title>About the Diagram Viewer</title>
<meta charset="utf-8" />
<meta name="description" content="The short description of the Diagram Viewer" />
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
<script type="text/javascript" src="../callback.js"></script>
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/page-search.js"></script>
</head>
<body>
<div class="mainpart">
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>About the Diagram Viewer</h1>
<p>The <!--<a href="https://www.onlyoffice.com/en/pdf-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)">--><b>Diagram Viewer</b><!--</a>--> is an online application that allows you to view diagrams directly in the browser.</p>
<p>Using the <b>Diagram Viewer</b>, you can print the diagram, keeping all the formatting details, or download it onto your computer hard disk drive.</p>
<p>To view the current software version, build number, and licensor details in the <em>online version</em>, click the <span class = "icon icon-about"></span> icon on the left sidebar.</p>
</div>
</body>
</html>

View File

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>
<head>
<title>Advanced Settings of the Diagram Viewer</title>
<meta charset="utf-8" />
<meta name="description" content="The advanced settings of the Diagram Viewer" />
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
<script type="text/javascript" src="../callback.js"></script>
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/page-search.js"></script>
</head>
<body>
<div class="mainpart">
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Advanced Settings of the Diagram Viewer</h1>
<p>The <!--<a href="https://www.onlyoffice.com/en/pdf-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)">--><b>Diagram Viewer</b><!--</a>--> allows you to change its advanced settings. To access them, open the <b>File</b> tab on the top toolbar and select the <b>Advanced Settings</b> option.</p>
<p>The advanced settings are grouped as follows:</p>
<h3>Appearance</h3>
<ol>
<li>
The <b>Interface theme</b> option is used to change the color scheme of the editors interface.
<ul>
<li>The <b>Same as system</b> option makes the editor follow the interface theme of your system.</li>
<li>The <b>Light</b> color scheme incorporates standard red brick, white, and light gray colors with less contrast in UI elements suitable for working during the daytime.</li>
<li>The <b>Classic Light</b> color scheme incorporates standard red brick, white, and light gray colors.</li>
<li>The <b>Dark</b> color scheme incorporates black, dark gray, and light gray colors suitable for working at night.</li>
<li>The <b>Contrast Dark</b> color scheme incorporates black, dark gray, and white colors with more contrast in UI elements, highlighting the working area of the file.</li>
<li>The <b>Gray</b> color scheme incorporates lighter gray color and appears as a uniformly light color scheme.</li>
</ul>
</li>
<li>The <b>Tab style</b> option is used to change tab highlighting type: <em>Fill</em> to fill the selected tab with a darker colour, or <em>Line</em> to underline the selected tab.</li>
<li>The <b>Use toolbar color as tabs background</b> option is used to fill the tabs with the same colour as the tab background interface.</li>
</ol>
<h3>Workspace</h3>
<ol>
<li>The <b>Turn on screen reader support</b> option is used to enable support of screen reader software.</li>
<li>The <b>Use Alt key to navigate the user interface using the keyboard</b> option is used to enable using the <em>Alt</em> / <em>Option</em> key in keyboard shortcuts.</li>
<li>
The <b>Default Zoom Value</b> option is used to set the default zoom value, selecting it in the list of available options from 50% to 500%. You can also choose the <em>Fit to Page</em>, <em>Fit to Width</em>, or <em>Last Used</em> option.
<p class="note">The <em>Last Used</em> option refers to the last set scaling during the current session.</p>
</li>
<li>
The <b>Font Hinting</b> option is used to select how fonts are displayed in the Diagram Viewer.
<ul>
<li>Choose <b>As Windows</b> if you like the way fonts are usually displayed on Windows, i.e., using Windows font hinting.</li>
<li>Choose <b>As OS X</b> if you like the way fonts are usually displayed on a Mac, i.e., without any font hinting at all.</li>
<li>Choose <b>Native</b> if you want your text to be displayed with hinting embedded into font files.</li>
<li>
<b>Default cache mode</b> - used to select the cache mode for the font characters. Its not recommended to switch it without any reason. It can be helpful in some cases only, for example, when an issue in the Google Chrome browser with enabled hardware acceleration occurs.
<p>The Diagram Viewer has two cache modes:</p>
<ol>
<li>In the <b>first cache mode</b>, each letter is cached as a separate picture.</li>
<li>In the <b>second cache mode</b>, a picture of a certain size is selected where letters are placed dynamically, and a mechanism for allocating/removing memory in this picture is also implemented. If there is not enough memory, a second picture is created, etc.</li>
</ol>
<p>The <b>Default cache mode</b> setting applies the two above-mentioned cache modes separately for different browsers:</p>
<ul>
<li>When the <b>Default cache mode</b> setting is enabled, Internet Explorer (v. 9, 10, 11) uses the <b>second cache mode</b>, other browsers use the <b>first cache mode</b>.</li>
<li>When the <b>Default cache mode</b> setting is disabled, Internet Explorer (v. 9, 10, 11) uses the <b>first cache mode</b>, other browsers use the <b>second cache mode</b>.</li>
</ul>
</li>
</ul>
</li>
</ol>
<p>To save the changes you made, click the <b>Apply</b> button.</p>
</div>
</body>
</html>

View File

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
<head>
<title>Communicating in real time</title>
<meta charset="utf-8" />
<meta name="description" content="Tips on collaborative editing" />
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
<script type="text/javascript" src="../callback.js"></script>
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/page-search.js"></script>
</head>
<body>
<div class="mainpart">
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Communicating in real time</h1>
<p>The <!--<a href="https://www.onlyoffice.com/pdf-editor.aspx?docs=download" target="_blank" onclick="onhyperlinkclick(this)">--><b>Diagram Viewer</b><!--</a>--> allows you to maintain a constant team-wide approach to work flow.</p>
<p>In the <b>Diagram Viewer</b> you can communicate with your co-editors in real time using the built-in <b>Chat</b> tool.</p>
<p>To access the <b>Chat</b> tool and leave a message for other users,</p>
<ol>
<li>click the <div class = "icon icon-chaticon"></div> icon on the left sidebar,</li>
<li>enter your text into the corresponding field below,</li>
<li>press the <b>Send</b> button.</li>
</ol>
<p class="note">The chat messages are stored for one session only.</p>
<p>All the messages left by users will be displayed on the panel on the left. If there are new messages you haven't read yet, the chat icon will look like this - <span class = "icon icon-chaticon_new"></span>.</p>
<p>To close the panel with chat messages, click the <span class = "icon icon-chaticon"></span> icon on the left sidebar.</p>
</div>
</body>
</html>

View File

@ -0,0 +1,693 @@
<!DOCTYPE html>
<html>
<head>
<title>Keyboard Shortcuts</title>
<meta charset="utf-8" />
<meta name="description" content="The keyboard shortcut list used for a faster and easier access to the features of the Diagram Viewer using the keyboard." />
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
<script type="text/javascript" src="../callback.js"></script>
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/page-search.js"></script>
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/jquery.min.js"></script>
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/keyboard-switch.js"></script>
</head>
<body>
<div class="mainpart">
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Keyboard Shortcuts</h1>
<h3>Keyboard Shortcuts for Key Tips</h3>
<p>Use <b>keyboard shortcuts </b> for a faster and easier access to the features of the <!--<a href="https://www.onlyoffice.com/en/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)">--><b>Diagram Viewer</b><!--</a>--> without using a mouse.</p>
<ol>
<li>Press <b>Alt</b> (<b>Option</b> for macOS) key to turn on all key tips for the editor header, the top toolbar, the left sidebar and the status bar.</li>
<li>
Press the letter that corresponds to the item you wish to use. The additional key tips may appear depending on the key you press. The first key tips hide when additional key tips appear.
<p>For example, to access the <b>View</b> tab, press <b>Alt</b> (<b>Option</b> for macOS) to see all primary key tips.</p>
<p><img alt="Primary Key Tips" src="../images/keytips1.png" /></p>
<p>Press the letter <b>W</b> to access the <b>View</b> tab, and to see all the available shortcuts for this tab.</p>
<p><img alt="Secondary Key Tips" src="../images/keytips2.png" /></p>
<p>Then press the letter that corresponds to the item you wish to configure.</p>
</li>
<li>Press <b>Alt</b> (<b>Option</b> for macOS) to hide all key tips, or press <b>Escape</b> to go back to the previous group of key tips.</li>
</ol>
<p>Find the most common keyboard shortcuts in the list below:</p>
<ul class="shortcut_variants">
<li class="shortcut_toggle pc_option left_option">Windows/Linux</li>
<li class="shortcut_toggle mac_option right_option">Mac OS</li>
</ul>
<table class="keyboard_shortcuts_table">
<tr>
<th colspan="4" class="keyboard_section">Working with diagrams</th>
</tr>
<tr>
<td>Open 'File' panel</td>
<td width="20%"><kbd>Alt</kbd>+<kbd>F</kbd></td>
<td width="20%"><kbd>^ Ctrl</kbd>+<kbd>⌥ Option</kbd>+<kbd>F</kbd></td>
<td>Open the <b>File</b> panel to save, download, print the current diagram, view its info, access the Diagram Viewer Help Center or advanced settings.</td>
</tr>
<tr class="onlineDocumentFeatures">
<td>Open 'Chat' panel (Online Editors)</td>
<td><kbd>Alt</kbd>+<kbd>Q</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>⌥ Option</kbd>+<kbd>Q</kbd></td>
<td>Open the <b>Chat</b> panel in the <b>Online Editors</b> and send a message.</td>
</tr>
<!--<tr>
<td>Save PDF</td>
<td><kbd>Ctrl</kbd>+<kbd>S</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>S</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>S</kbd></td>
<td>Save all the changes to the PDF currently edited with the PDF Editor. The active file will be saved with its current file name, location, and file format.</td>
</tr>-->
<tr>
<td>Print the diagram</td>
<td><kbd>Ctrl</kbd>+<kbd>P</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>P</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>P</kbd></td>
<td>Print the diagram with one of the available printers or save it as a file.</td>
</tr>
<tr>
<td>Download As...</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>S</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>S</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>⇧ Shift</kbd>+<kbd>S</kbd></td>
<td>Open the <b>Download as...</b> panel to save the currently viewed diagram to the hard disk drive of your computer in one of the supported formats: VSDX, PDF, PDF/A, JPG, PNG.</td>
</tr>
<tr>
<td>Switch to the next tab</td>
<td><kbd>Ctrl</kbd>+<kbd>↹ Tab</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>↹ Tab</kbd></td>
<td>Switch to the next file tab in <b>Desktop Editors</b> or browser tab in <b>Online Editors</b>.</td>
</tr>
<tr>
<td>Switch to the previous tab</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>↹ Tab</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>↹ Tab</kbd></td>
<td>Switch to the previous file tab in <b>Desktop Editors</b> or browser tab in <b>Online Editors</b>.</td>
</tr>
<tr>
<td>Close file</td>
<td><kbd>Ctrl</kbd>+<kbd>F4</kbd></td>
<td><kbd>&#8984; Cmd</kbd>+<kbd>W</kbd></td>
<td>Close the current diagram window.</td>
</tr>
<!--<tr>
<td>Element contextual menu</td>
<td><kbd>⇧ Shift</kbd>+<kbd>F10</kbd></td>
<td><kbd>⇧ Shift</kbd>+<kbd>Fn</kbd>+<kbd>F10</kbd></td>
<td>Open the selected element <b>contextual menu</b>.</td>
</tr>-->
<tr>
<td>Close menu or modal window, reset modes, etc.</td>
<td><kbd>Esc</kbd></td>
<td><kbd>Esc</kbd></td>
<td>Close a menu or modal window. Reset pop-ups and balloons with comments and review changes. Reset drawing and erasing table mode. Reset text drag-n-drop. Reset marker selection mode. Reset format painter mode. Deselect shapes. Reset adding shapes mode. Exit from the header/footer. Exit from filling in forms.</td>
</tr>
<tr>
<td>Reset the Zoom parameter</td>
<td><kbd>Ctrl</kbd>+<kbd>0</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>0</kbd> or <kbd>&#8984; Cmd</kbd>+<kbd>0</kbd></td>
<td>Reset the Zoom parameter of the current diagram to a default 100%.</td>
</tr>
<!--<tr>
<td>Update fields</td>
<td><kbd>F9</kbd></td>
<td><kbd>Fn</kbd>+<kbd>F9</kbd></td>
<td>Update fields (e.g., Table of Contents).</td>
</tr>-->
<tr>
<th colspan="4" class="keyboard_section">Navigation</th>
</tr>
<tr>
<td>Zoom In</td>
<td><kbd>Ctrl</kbd>+<kbd>Num+</kbd> or <kbd>Ctrl</kbd>+<kbd>+</kbd> (on the main keyboard)</td>
<td><kbd>^ Ctrl</kbd>+<kbd>+</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>+</kbd></td>
<td>Zoom in the currently edited PDF.</td>
</tr>
<tr>
<td>Zoom Out</td>
<td><kbd>Ctrl</kbd>+<kbd>-</kbd> (on the main keyboard)</td>
<td><kbd>^ Ctrl</kbd>+<kbd>-</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>-</kbd></td>
<td>Zoom out the currently edited PDF.</td>
</tr>
<!--<tr>
<td>Move one character to the left</td>
<td><kbd>←</kbd></td>
<td><kbd>←</kbd></td>
<td>Move the cursor one character to the left.</td>
</tr>
<tr>
<td>Move one character to the right</td>
<td><kbd>→</kbd></td>
<td><kbd>→</kbd></td>
<td>Move the cursor one character to the right.</td>
</tr>
<tr>
<td>Move to the beginning of a word or one word to the left</td>
<td><kbd>Ctrl</kbd>+<kbd>←</kbd></td>
<td><kbd>⌥ Option</kbd>+<kbd>←</kbd></td>
<td>Move the cursor to the beginning of a word or one word to the left.</td>
</tr>
<tr>
<td>Move one word to the right</td>
<td><kbd>Ctrl</kbd>+<kbd>→</kbd></td>
<td><kbd>⌥ Option</kbd>+<kbd>→</kbd></td>
<td>Move the cursor one word to the right.</td>
</tr>-->
<!--<tr>
<td>Move one paragraph up</td>
<td>Ctrl+Up arrow</td>
<td>Move the cursor one paragraph up.</td>
</tr>
<tr>
<td>Move one paragraph down</td>
<td>Ctrl+Down arrow</td>
<td>Move the cursor one paragraph down.</td>
</tr>-->
<!--<tr>
<td>Move one line up</td>
<td><kbd>↑</kbd></td>
<td><kbd>↑</kbd></td>
<td>Move the cursor one line up.</td>
</tr>
<tr>
<td>Move one line down</td>
<td><kbd>↓</kbd></td>
<td><kbd>↓</kbd></td>
<td>Move the cursor one line down.</td>
</tr>-->
<!--<tr>
<td>Navigate between controls in modal dialogues</td>
<td><kbd>↹ Tab</kbd>/<kbd>⇧ Shift</kbd>+<kbd>↹ Tab</kbd></td>
<td><kbd>↹ Tab</kbd>/<kbd>⇧ Shift</kbd>+<kbd>↹ Tab</kbd></td>
<td>Navigate between controls to give focus to the next or previous control in modal dialogues.</td>
</tr>
<tr>
<td>Move to lower header/footer</td>
<td><kbd>Page Down</kbd></td>
<td><kbd>Fn</kbd>+<kbd>↓</kbd></td>
<td>Move to the lower header/footer (if the cursor is in the header/footer).</td>
</tr>
<tr>
<td>Move to upper header/footer</td>
<td><kbd>Page Up</kbd></td>
<td><kbd>Fn</kbd>+<kbd>↑</kbd></td>
<td>Move to the upper header/footer (if the cursor is in the header/footer).</td>
</tr>
<tr>
<td>Move to lower header</td>
<td><kbd>Alt</kbd>+<kbd>Page Down</kbd></td>
<td><kbd>⌥ Option</kbd>+<kbd>Fn</kbd>+<kbd>↓</kbd></td>
<td>Move to the lower header (if the cursor is in the header/footer).</td>
</tr>
<tr>
<td>Move to upper header</td>
<td><kbd>Alt</kbd>+<kbd>Page Up</kbd></td>
<td><kbd>⌥ Option</kbd>+<kbd>Fn</kbd>+<kbd>↑</kbd></td>
<td>Move to the upper header (if the cursor is in the header/footer).</td>
</tr>-->
<!--<tr>
<th colspan="4" class="keyboard_section">Writing</th>
</tr>
<tr>
<td>End paragraph</td>
<td><kbd>↵ Enter</kbd></td>
<td><kbd>↵ Return</kbd></td>
<td>End the current paragraph and start a new one.</td>
</tr>
<tr>
<td>Add line break</td>
<td><kbd>⇧ Shift</kbd>+<kbd>↵ Enter</kbd></td>
<td><kbd>⇧ Shift</kbd>+<kbd>↵ Return</kbd></td>
<td>Add a line break without starting a new paragraph.</td>
</tr>
<tr>
<td>Delete</td>
<td><kbd>← Backspace</kbd>,<br /><kbd>Delete</kbd></td>
<td><kbd>← Backspace</kbd>,<br /><kbd>Delete</kbd></td>
<td>Delete one character to the left (<kbd>← Backspace</kbd>) or to the right (<kbd>Delete</kbd>) of the cursor.</td>
</tr>
<tr>
<td>Delete word to the left of cursor</td>
<td><kbd>Ctrl</kbd>+<kbd>← Backspace</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>← Backspace</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>← Backspace</kbd></td>
<td>Delete one word to the left of the cursor.</td>
</tr>
<tr>
<td>Delete word to the right of cursor</td>
<td><kbd>Ctrl</kbd>+<kbd>Delete</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>Delete</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>Delete</kbd></td>
<td>Delete one word to the right of the cursor.</td>
</tr>
<tr>
<td>Create nonbreaking space</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>␣ Spacebar</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>␣ Spacebar</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>⇧ Shift</kbd>+<kbd>␣ Spacebar</kbd></td>
<td>Create a space between characters which cannot be used to start a new line.</td>
</tr>
<tr>
<td>Create nonbreaking hyphen</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>_</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>Hyphen</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>⇧ Shift</kbd>+<kbd>Hyphen</kbd></td>
<td>Create a hyphen between characters which cannot be used to start a new line.</td>
</tr>
<tr>
<th colspan="4" class="keyboard_section">Undo and Redo</th>
</tr>
<tr>
<td>Undo</td>
<td><kbd>Ctrl</kbd>+<kbd>Z</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>Z</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>Z</kbd></td>
<td>Reverse the latest performed action.</td>
</tr>
<tr>
<td>Redo</td>
<td><kbd>Ctrl</kbd>+<kbd>Y</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>Y</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>Y</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>⇧ Shift</kbd>+<kbd>Z</kbd></td>
<td>Repeat the latest undone action.</td>
</tr>
<tr>
<th colspan="4" class="keyboard_section">Cut, Copy, and Paste</th>
</tr>
<tr>
<td>Cut</td>
<td><kbd>Ctrl</kbd>+<kbd>X</kbd>,<br /><kbd>⇧ Shift</kbd>+<kbd>Delete</kbd></td>
<td><kbd>&#8984; Cmd</kbd>+<kbd>X</kbd>,<br /><kbd>⇧ Shift</kbd>+<kbd>Delete</kbd></td>
<td>Delete the selected text fragment and send it to the computer clipboard memory. The copied text can be later inserted to another place in the same document, into another document, or into some other program.</td>
</tr>
<tr>
<td>Copy</td>
<td><kbd>Ctrl</kbd>+<kbd>C</kbd>,<br /><kbd>Ctrl</kbd>+<kbd>Insert</kbd></td>
<td><kbd>&#8984; Cmd</kbd>+<kbd>C</kbd></td>
<td>Send the selected text fragment to the computer clipboard memory. The copied text can be later inserted to another place in the same document, into another document, or into some other program.</td>
</tr>
<tr>
<td>Paste</td>
<td><kbd>Ctrl</kbd>+<kbd>V</kbd>,<br /><kbd>⇧ Shift</kbd>+<kbd>Insert</kbd></td>
<td><kbd>&#8984; Cmd</kbd>+<kbd>V</kbd></td>
<td>Insert the previously copied text fragment from the computer clipboard memory to the current cursor position. The text can be previously copied from the same document, from another document, or from some other program.</td>
</tr>
<tr>
<td>Paste text without style formatting</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>V</kbd>,<br />
<td><kbd>&#8984; Cmd</kbd>+<kbd>⇧ Shift</kbd>+<kbd>V</kbd></td>
<td>Insert the previously copied text fragment from the computer clipboard memory to the current cursor position without preserving its original formatting. The text can be previously copied from the same document, from another document, or from some other program.</td>
</tr>
<tr>
<td>Insert hyperlink</td>
<td><kbd>Ctrl</kbd>+<kbd>K</kbd></td>
<td><kbd>&#8984; Cmd</kbd>+<kbd>K</kbd></td>
<td>Insert a hyperlink which can be used to go to a web address.</td>
</tr>
<tr>
<td>Copy style</td>
<td><kbd>Alt</kbd>+<kbd>Ctrl</kbd>+<kbd>C</kbd></td>
<td><kbd>&#8984; Cmd</kbd>+<kbd>Alt</kbd>+<kbd>C</kbd></td>
<td>Copy the formatting from the selected fragment of the currently edited text. The copied formatting can be later applied to another text fragment in the same document.</td>
</tr>
<tr>
<td>Apply style</td>
<td><kbd>Alt</kbd>+<kbd>Ctrl</kbd>+<kbd>V</kbd></td>
<td><kbd>&#8984; Cmd</kbd>+<kbd>Alt</kbd>+<kbd>V</kbd></td>
<td>Apply the previously copied formatting to the text in the currently edited document.</td>
</tr>-->
<!--<tr>
<th colspan="4" class="keyboard_section"><a id="textselection"></a>Text Selection</th>
</tr>
<tr>
<td>Select all</td>
<td><kbd>Ctrl</kbd>+<kbd>A</kbd></td>
<td><kbd>&#8984; Cmd</kbd>+<kbd>A</kbd>,<br /><kbd>^ Ctrl</kbd>+<kbd>A</kbd></td>
<td>Select all text in the PDF.</td>
</tr>-->
<!--<tr>
<td>Select from cursor to beginning of line</td>
<td><kbd>⇧ Shift</kbd>+<kbd>Home</kbd></td>
<td><kbd>⇧ Shift</kbd>+<kbd>Fn</kbd>+<kbd>←</kbd></td>
<td>Select a text fragment from the cursor to the beginning of the current line.</td>
</tr>
<tr>
<td>Select from cursor to end of line</td>
<td><kbd>⇧ Shift</kbd>+<kbd>End</kbd></td>
<td><kbd>⇧ Shift</kbd>+<kbd>Fn</kbd>+<kbd>→</kbd></td>
<td>Select a text fragment from the cursor to the end of the current line.</td>
</tr>
<tr>
<td>Select from cursor to beginning of PDF</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>Home</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>Fn</kbd>+<kbd>←</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>⇧ Shift</kbd>+<kbd>Fn</kbd>+<kbd>←</kbd></td>
<td>Select a text fragment from the cursor to the beginning of the PDF.</td>
</tr>
<tr>
<td>Select from cursor to end of PDF</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>End</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>Fn</kbd>+<kbd>→</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>⇧ Shift</kbd>+<kbd>Fn</kbd>+<kbd>→</kbd></td>
<td>Select a text fragment from the cursor to the end of the PDF.</td>
</tr>
<tr>
<td>Select one character to the right</td>
<td><kbd>⇧ Shift</kbd>+<kbd>→</kbd></td>
<td><kbd>⇧ Shift</kbd>+<kbd>→</kbd></td>
<td>Select one character to the right of the cursor position.</td>
</tr>
<tr>
<td>Select one character to the left</td>
<td><kbd>⇧ Shift</kbd>+<kbd>←</kbd></td>
<td><kbd>⇧ Shift</kbd>+<kbd>←</kbd></td>
<td>Select one character to the left of the cursor position.</td>
</tr>
<tr>
<td>Select to the end of a word</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>→</kbd></td>
<td><kbd>⇧ Shift</kbd>+<kbd>⌥ Option</kbd>+<kbd>→</kbd></td>
<td>Select a text fragment from the cursor to the end of a word.</td>
</tr>
<tr>
<td>Select to the beginning of a word</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>←</kbd></td>
<td><kbd>⇧ Shift</kbd>+<kbd>⌥ Option</kbd>+<kbd>←</kbd></td>
<td>Select a text fragment from the cursor to the beginning of a word.</td>
</tr>
<tr>
<td>Select one line up</td>
<td><kbd>⇧ Shift</kbd>+<kbd>↑</kbd></td>
<td><kbd>⇧ Shift</kbd>+<kbd>↑</kbd></td>
<td>Select one line up (with the cursor at the beginning of a line).</td>
</tr>
<tr>
<td>Select one line down</td>
<td><kbd>⇧ Shift</kbd>+<kbd>↓</kbd></td>
<td><kbd>⇧ Shift</kbd>+<kbd>↓</kbd></td>
<td>Select one line down (with the cursor at the end of a line).</td>
</tr>
<tr>
<td>Select the page up to the upper part of the screen</td>
<td><kbd>⇧ Shift</kbd>+<kbd>Page Up</kbd></td>
<td><kbd>⇧ Shift</kbd>+<kbd>Fn</kbd>+<kbd>↑</kbd></td>
<td>Select the page part from the cursor position to the upper part of the screen.</td>
</tr>
<tr>
<td>Select the page down to the lower part of the screen</td>
<td><kbd>⇧ Shift</kbd>+<kbd>Page Down</kbd></td>
<td><kbd>⇧ Shift</kbd>+<kbd>Fn</kbd>+<kbd>↓</kbd></td>
<td>Select the page part from the cursor position to the lower part of the screen.</td>
</tr>
<tr>
<td>Select to the beginning of the previous page</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>Page Up</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>Fn</kbd>+<kbd>↑</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>⇧ Shift</kbd>+<kbd>Fn</kbd>+<kbd>↑</kbd></td>
<td>Select a text fragment from the cursor to the beginning of the previous page.</td>
</tr>
<tr>
<td>Select to the beginning of the next page</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>Page Down</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>Fn</kbd>+<kbd>↓</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>⇧ Shift</kbd>+<kbd>Fn</kbd>+<kbd>↓</kbd></td>
<td>Select a text fragment from the cursor to the beginning of the next page.</td>
</tr>-->
<!--<tr>
<th colspan="4" class="keyboard_section">Text Styling</th>
</tr>
<tr>
<td>Bold</td>
<td><kbd>Ctrl</kbd>+<kbd>B</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>B</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>B</kbd></td>
<td>Make the font of the selected text fragment darker and heavier than normal.</td>
</tr>
<tr>
<td>Italic</td>
<td><kbd>Ctrl</kbd>+<kbd>I</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>I</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>I</kbd></td>
<td>Make the font of the selected text fragment italicized and slightly slanted.</td>
</tr>
<tr>
<td>Underline</td>
<td><kbd>Ctrl</kbd>+<kbd>U</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>U</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>U</kbd></td>
<td>Make the selected text fragment underlined with a line going below the letters.</td>
</tr>
<tr>
<td>Strikeout</td>
<td><kbd>Ctrl</kbd>+<kbd>5</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>5</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>5</kbd></td>
<td>Make the selected text fragment struck out with a line going through the letters.</td>
</tr>
<tr>
<td>Subscript</td>
<td><kbd>Ctrl</kbd>+<kbd>.</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>&gt;</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>⇧ Shift</kbd>+<kbd>&gt;</kbd></td>
<td>Make the selected text fragment smaller and place it to the lower part of the text line, e.g. as in chemical formulas.</td>
</tr>
<tr>
<td>Superscript</td>
<td><kbd>Ctrl</kbd>+<kbd>,</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>&lt;</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>⇧ Shift</kbd>+<kbd>&lt;</kbd></td>
<td>Make the selected text fragment smaller and place it to the upper part of the text line, e.g. as in fractions.</td>
</tr>
<tr>
<td>Heading 1 style</td>
<td><kbd>Alt</kbd>+<kbd>1</kbd></td>
<td><kbd>⌥ Option</kbd>+<kbd>^ Ctrl</kbd>+<kbd>1</kbd></td>
<td>Apply the style of the heading 1 to the selected text fragment.</td>
</tr>
<tr>
<td>Heading 2 style</td>
<td><kbd>Alt</kbd>+<kbd>2</kbd></td>
<td><kbd>⌥ Option</kbd>+<kbd>^ Ctrl</kbd>+<kbd>2</kbd></td>
<td>Apply the style of the heading 2 to the selected text fragment.</td>
</tr>
<tr>
<td>Heading 3 style</td>
<td><kbd>Alt</kbd>+<kbd>3</kbd></td>
<td><kbd>⌥ Option</kbd>+<kbd>^ Ctrl</kbd>+<kbd>3</kbd></td>
<td>Apply the style of the heading 3 to the selected text fragment.</td>
</tr>
<tr>
<td>Bulleted list</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>L</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>L</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>⇧ Shift</kbd>+<kbd>L</kbd></td>
<td>Create an unordered bulleted list from the selected text fragment or start a new one.</td>
</tr>
<tr>
<td>Remove formatting</td>
<td><kbd>Ctrl</kbd>+<kbd>␣ Spacebar</kbd></td>
<td></td>
<td>Remove formatting from the selected text fragment.</td>
</tr>
<tr>
<td>Increase font</td>
<td><kbd>Ctrl</kbd>+<kbd>]</kbd></td>
<td><kbd>&#8984; Cmd</kbd>+<kbd>]</kbd></td>
<td>Increase the size of the font for the selected text fragment 1 point.</td>
</tr>
<tr>
<td>Decrease font</td>
<td><kbd>Ctrl</kbd>+<kbd>[</kbd></td>
<td><kbd>&#8984; Cmd</kbd>+<kbd>[</kbd></td>
<td>Decrease the size of the font for the selected text fragment 1 point.</td>
</tr>
<tr>
<td>Align center/left</td>
<td><kbd>Ctrl</kbd>+<kbd>E</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>E</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>E</kbd></td>
<td>Switch a paragraph between centered and left-aligned.</td>
</tr>
<tr>
<td>Align justified/left</td>
<td><kbd>Ctrl</kbd>+<kbd>J</kbd>,<br /><kbd>Ctrl</kbd>+<kbd>L</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>J</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>J</kbd></td>
<td>Switch a paragraph between justified and left-aligned.</td>
</tr>
<tr>
<td>Align right/left</td>
<td><kbd>Ctrl</kbd>+<kbd>R</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>R</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>R</kbd></td>
<td>Switch a paragraph between right-aligned and left-aligned.</td>
</tr>-->
<!--<tr>
<td>Align left</td>
<td>Ctrl+L</td>
<td>Align left with the text lined up by the left side of the page, the right side remains unaligned. If your text is initially left-aligned</td>
</tr>-->
<!--<tr>
<td>Apply subscript formatting (automatic spacing)</td>
<td><kbd>Ctrl</kbd>+<kbd>=</kbd></td>
<td></td>
<td>Apply subscript formatting to the selected text fragment.</td>
</tr>
<tr>
<td>Apply superscript formatting (automatic spacing)</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>+</kbd></td>
<td></td>
<td>Apply superscript formatting to the selected text fragment.</td>
</tr>
<tr>
<td>Insert page break</td>
<td><kbd>Ctrl</kbd>+<kbd>↵ Enter</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>↵ Return</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>↵ Return</kbd></td>
<td>Insert a page break at the current cursor position.</td>
</tr>
<tr>
<td>Increase indent</td>
<td><kbd>Ctrl</kbd>+<kbd>M</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>M</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>M</kbd></td>
<td>Indent a paragraph from the left incrementally.</td>
</tr>
<tr>
<td>Decrease indent</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>M</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>M</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>⇧ Shift</kbd>+<kbd>M</kbd></td>
<td>Remove a paragraph indent from the left incrementally.</td>
</tr>
<tr>
<td>Add page number</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>P</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>P</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>⇧ Shift</kbd>+<kbd>P</kbd></td>
<td>Add the current page number at the current cursor position.</td>
</tr>-->
<!--<tr>
<td>Add dash</td>
<td>Num-</td>
<td>Add a dash.</td>
</tr>-->
<!--<tr>
<td>Nonprinting characters</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>Num8</kbd></td>
<td></td>
<td>Show or hide the display of nonprinting characters.</td>
</tr>
<tr>
<td>Delete one character to the left</td>
<td><kbd>← Backspace</kbd></td>
<td><kbd>← Backspace</kbd></td>
<td>Delete one character to the left of the cursor.</td>
</tr>
<tr>
<td>Delete one character to the right</td>
<td><kbd>Delete</kbd></td>
<td><kbd>Delete</kbd></td>
<td>Delete one character to the right of the cursor.</td>
</tr>
<tr>
<th colspan="4" class="keyboard_section"><a id="workwithobjects"></a>Modifying Objects</th>
</tr>
<tr>
<td>Constrain movement</td>
<td><kbd>⇧ Shift</kbd> + drag</td>
<td><kbd>⇧ Shift</kbd> + drag</td>
<td>Constrain the movement of the selected object horizontally or vertically.</td>
</tr>
<tr>
<td>Set 15-degree rotation</td>
<td><kbd>⇧ Shift</kbd> + drag (when rotating)</td>
<td><kbd>⇧ Shift</kbd> + drag (when rotating)</td>
<td>Constrain the rotation angle to 15-degree increments.</td>
</tr>
<tr>
<td>Maintain proportions</td>
<td><kbd>⇧ Shift</kbd> + drag (when resizing)</td>
<td><kbd>⇧ Shift</kbd> + drag (when resizing)</td>
<td>Maintain the proportions of the selected object when resizing.</td>
</tr>
<tr>
<td>Draw straight line or arrow</td>
<td><kbd>⇧ Shift</kbd> + drag (when drawing lines/arrows)</td>
<td><kbd>⇧ Shift</kbd> + drag (when drawing lines/arrows)</td>
<td>Draw a straight vertical/horizontal/45-degree line or arrow.</td>
</tr>
<tr>
<td>Movement by one-pixel increments</td>
<td><kbd>Ctrl</kbd>+<kbd>←</kbd> <kbd>→</kbd> <kbd>↑</kbd> <kbd>↓</kbd></td>
<td></td>
<td>Hold down the <kbd>Ctrl</kbd> key and use the keybord arrows to move the selected object by one pixel at a time.</td>
</tr>
<tr>
<th colspan="4" class="keyboard_section"><a id="workwithtables"></a>Working with Tables</th>
</tr>
<tr>
<td>Move to the next cell in a row</td>
<td><kbd>↹ Tab</kbd></td>
<td><kbd>↹ Tab</kbd></td>
<td>Go to the next cell in a table row.</td>
</tr>
<tr>
<td>Move to the previous cell in a row</td>
<td><kbd>⇧ Shift</kbd>+<kbd>↹ Tab</kbd></td>
<td><kbd>⇧ Shift</kbd>+<kbd>↹ Tab</kbd></td>
<td>Go to the previous cell in a table row.</td>
</tr>
<tr>
<td>Move to the next row</td>
<td><kbd>↓</kbd></td>
<td><kbd>↓</kbd></td>
<td>Go to the next row in a table.</td>
</tr>
<tr>
<td>Move to the previous row</td>
<td><kbd>↑</kbd></td>
<td><kbd>↑</kbd></td>
<td>Go to the previous row in a table.</td>
</tr>
<tr>
<td>Start new paragraph</td>
<td><kbd>↵ Enter</kbd></td>
<td><kbd>↵ Return</kbd></td>
<td>Start a new paragraph within a cell.</td>
</tr>
<tr>
<td>Add new row</td>
<td><kbd>↹ Tab</kbd> in the lower right table cell.</td>
<td><kbd>↹ Tab</kbd> in the lower right table cell.</td>
<td>Add a new row at the bottom of the table.</td>
</tr>
<tr>
<td>Insert table break</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>↵ Enter</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>↵ Return</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>⇧ Shift</kbd>+<kbd>↵ Return</kbd></td>
<td>Insert a table break within the table.</td>
</tr>
<tr>
<th colspan="4" class="keyboard_section">Inserting special characters</th>
</tr>-->
<!--<tr>
<td>Insert the Euro sign</td>
<td><kbd>Alt</kbd>+<kbd>Ctrl</kbd>+<kbd>E</kbd></td>
<td>Insert the Euro sign (€) at the current cursor position.</td>
</tr>-->
<!--<tr>
<td>Insert equation</td>
<td><kbd>Alt</kbd>+<kbd>=</kbd></td>
<td><kbd>⌥ Option</kbd>+<kbd>^ Ctrl</kbd>+<kbd>=</kbd></td>
<td>Insert an equation at the current cursor position.</td>
</tr>
<tr>
<td>Insert an em dash</td>
<td><kbd>Alt</kbd>+<kbd>Ctrl</kbd>+<kbd>Num-</kbd></td>
<td><kbd>⌥ Option</kbd>+<kbd>⇧ Shift</kbd>+<kbd>-</kbd></td>
<td>Insert an em dash ‘—’ within the current document and to the right of the cursor.</td>
</tr>
<tr>
<td>Insert an en dash</td>
<td></td>
<td><kbd>⌥ Option</kbd>+<kbd>-</kbd></td>
<td>Insert an en dash - within the current document and to the right of the cursor.</td>
</tr>
<tr>
<td>Insert a non-breaking hyphen</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>_</kbd></td>
<td><kbd>^ Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>Hyphen</kbd>,<br /><kbd>&#8984; Cmd</kbd>+<kbd>⇧ Shift</kbd>+<kbd>Hyphen</kbd></td>
<td>Insert a non-breaking hyphen - within the current document and to the right of the cursor.</td>
</tr>
<tr>
<td>Insert a no-break space</td>
<td><kbd>Ctrl</kbd>+<kbd>⇧ Shift</kbd>+<kbd>␣ Spacebar</kbd></td>
<td><kbd>⌥ Option</kbd>+<kbd>␣ Spacebar</kbd></td>
<td>Insert a no-break space o within the current document and to the right of the cursor.</td>
</tr>
<tr>
<td>Insert a copyright symbol</td>
<td><kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>G</kbd></td>
<td><kbd>&#8984; Cmd</kbd>+<kbd>⌥ Option</kbd>+<kbd>G</kbd></td>
<td>Insert a copyright symbol ‘©’ within the current document and to the right of the cursor.</td>
</tr>-->
</table>
</div>
</body>
</html>

View File

@ -0,0 +1,58 @@
<!DOCTYPE html>
<html>
<head>
<title>View Settings and Navigation Tools</title>
<meta charset="utf-8" />
<meta name="description" content="The description of view settings and navigation tools such as zoom, previous/next page buttons" />
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
<link type="text/css" rel="stylesheet" href="../../images/sprite.css" />
<script type="text/javascript" src="../callback.js"></script>
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/page-search.js"></script>
</head>
<body>
<div class="mainpart">
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>View Settings and Navigation Tools</h1>
<p>The <!--<a href="https://www.onlyoffice.com/en/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)">--><b>Diagram Viewer</b><!--</a>--> offers several tools to help you view and navigate your diagram: zoom, set the interface theme, etc.</p>
<h3>Adjust the view settings</h3>
<p>
To adjust default view settings and set the most convenient mode to work with the diagram, go to the <b>View</b> tab and select which interface elements you want to be hidden or shown.
You can select the following options on the <b>View</b> tab:
</p>
<ul>
<li><b>Zoom</b> to set the required zoom value from 50% to 500% from the drop-down list.</li>
<li><b>Fit to Page</b> - to fit the whole diagram page to the visible part of the working area.</li>
<li><b>Fit to Width</b> - to fit the diagram page width to the visible part of the working area.</li>
<li><b>Interface Theme</b> choose one of the available interface themes from the drop-down menu: <em>Same as system</em>, <em>Light</em>, <em>Classic Light</em>, <em>Dark</em>, <em>Contrast Dark</em>, <em>Gray</em>.</li>
<li>
<b>Always Show Toolbar</b> when this option is disabled, the top toolbar that contains commands will be hidden while tab names remain visible.
<p class="note">Alternatively, you can just double-click any tab to hide the top toolbar or display it again.</p>
</li>
<li><b>Status Bar</b> when this option is disabled, the bottommost bar where the <b>Zoom</b>, <b>Fit to page</b>, <b>Fit to width</b> buttons are situated will be hidden. To show the hidden <b>Status Bar</b>, enable this option.</li>
<li><b>Left Panel</b> - when disabled, hides the left panel where <b>Chat</b>, <b>About</b>, etc. buttons are located. To show the left panel, check this box.</li>
</ul>
<p>
When the <b>Chat</b> panel is opened, the width of the left sidebar is adjusted by simple drag-and-drop:
move the mouse cursor over the left sidebar border so that it turns into the bidirectional arrow and drag the border to the right to extend the width of the sidebar. To restore its original width, move the border to the left.
</p>
<h3 id="navigationtools">Use the Navigation Tools</h3>
<h4>Navigating pages</h4>
<p>The page navigation buttons are located at the bottom of the screen.</p>
<ul>
<li><div class="icon icon-nextpage"></div> - go to the next page of the diagram file.</li>
<li><div class="icon icon-previouspage"></div> - go to the previous page of the diagram file.</li>
</ul>
<h4>Zoom</h4>
<p>The <b>Zoom</b> buttons are situated in the right lower corner and are used to zoom in and out of the current diagram.</p>
<p>
To change the currently selected zoom value that is displayed in percent, click it and select one of the available zoom options from the list (50% / 75% / 100% / 125% / 150% / 175% / 200% / 300% / 400% / 500%)
or use the <b>Zoom in</b> <span class="icon icon-zoomin"></span> or <b>Zoom out</b> <span class="icon icon-zoomout"></span> buttons. The set scaling is maintained for all files during the current session.
</p>
<p>Click the <b>Fit to width</b> <span class="icon icon-fitwidth"></span> icon to fit the document page width to the visible part of the working area.</p>
<p>To fit the whole document page to the visible part of the working area, click the <b>Fit to page</b> <span class="icon icon-fitpage"></span> icon.</p>
<p>Zoom settings are also available on the <a href="../ProgramInterface/ViewTab.htm" onclick="onhyperlinkclick(this)">View</a> tab.</p>
</div>
</body>
</html>

View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<title>File tab</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Diagram Viewer user interface - File tab" />
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
<script type="text/javascript" src="../callback.js"></script>
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/page-search.js"></script>
</head>
<body>
<div class="mainpart">
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>File tab</h1>
<p>The <b>File</b> tab in the <!--<a target="_blank" href="https://www.onlyoffice.com/pdf-editor.aspx?docs=download" onclick="onhyperlinkclick(this)">--><b>Diagram Viewer</b><!--</a>--> allows performing some basic file operations.</p>
<div class="onlineDocumentFeatures">
<p>The corresponding window of the Online Diagram Viewer:</p>
<p><img alt="File tab" src="../images/interface/filetab.png" /></p>
</div>
<!--<div class="desktopDocumentFeatures">
<p>The corresponding window of the Desktop PDF Editor:</p>
<p><img alt="File tab" src="../images/interface/desktop_filetab.png" /></p>
</div>-->
<p>Using this tab, you can:</p>
<ul>
<li><a href="../UsageInstructions/SavePrintDownload.htm" onclick="onhyperlinkclick(this)">download as</a> (save the document in the selected format to the hard disk drive of your computer), <a href="../UsageInstructions/SavePrintDownload.htm" onclick="onhyperlinkclick(this)">save copy as</a> (save a copy of the document in the selected format to the portal documents), <a href="../UsageInstructions/SavePrintDownload.htm" onclick="onhyperlinkclick(this)">print</a> the file or <a href="../UsageInstructions/OpenCreateNew.htm" onclick="onhyperlinkclick(this)">rename</a> it,</li>
<li>view <a href="../UsageInstructions/ViewDiagramViewerInfo.htm" onclick="onhyperlinkclick(this)">general information</a> about the diagram,</li>
<li>access the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">advanced settings</a> of the editor.</li>
</ul>
</div>
</body>
</html>

View File

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html>
<head>
<title>Introducing the user interface of the Diagram Viewer</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Diagram Viewer user interface" />
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
<script type="text/javascript" src="../callback.js"></script>
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/page-search.js"></script>
</head>
<body>
<div class="mainpart">
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Introducing the user interface of the Diagram Viewer</h1>
<p>The <!--<a href="https://www.onlyoffice.com/pdf-editor.aspx?docs=download" target="_blank" onclick="onhyperlinkclick(this)">--><b>Diagram Viewer</b><!--</a>--> uses a tabbed interface, where various features are grouped into tabs by functionality.</p>
<div class="onlineDocumentFeatures">
<p>Main window of the Online Diagram Viewer:</p>
<p><img alt="Diagram Viewer window" src="../images/interface/editorwindow.png" /></p>
</div>
<!--<div class="desktopDocumentFeatures">
<p>Main window of the Desktop PDF Editor:</p>
<p><img alt="Desktop PDF Editor window" src="../images/interface/desktop_editorwindow.png" /></p>
</div>-->
<p>The editor interface consists of the following main elements:</p>
<ol>
<li>
The <b>Editor header</b> displays the ONLYOFFICE logo, file name, and tabs.
<!--<p>On the left side of the <b>Editor header</b>, the <b>Save</b>, <b>Print file</b>, <b>Undo</b> and <b>Redo</b> buttons are located.</p>
<p><img alt="Icons in the editor header" src="../images/interface/leftpart.png" /></p>-->
<p>On the right side of the <b>Editor header</b> along with the username, the following icons are displayed:</p>
<ul>
<li><div class="icon icon-gotodocuments"></div> <b>Open file location</b> - allows opening the folder of the <b>Documents</b> module, where the file is stored, in a new browser tab.</li>
<li><div class="icon icon-print"></div> <b>Print file</b> - allows printing the file.</li>
</ul>
<p>The <b>Top toolbar</b> displays a set of editing commands depending on the selected menu tab. Currently, the following tabs are available: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">File</a>, <a href="../ProgramInterface/ViewTab.htm" onclick="onhyperlinkclick(this)">View</a>.</p>
</li>
<li>
The <b>Left sidebar</b> contains the following icons:
<ul>
<li><div class="icon icon-chaticon"></div> - <!--(available in the <em>online version</em> only) -->allows opening the <a href="../HelpfulHints/Communicating.htm" onclick="onhyperlinkclick(this)">Chat</a> panel.</li>
<li><div class="icon icon-pagethumbnails"></div> - allows for the display of page thumbnails for quick <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">navigation</a>.</li>
<li><div class="icon icon-feedbackicon"></div> - <!--(available in the <em>online version</em> only)--> allows contacting our support team.</li>
<li><div class="icon icon-about"></div> - <!--(available in the <em>online version</em> only)--> allows viewing the information about the program.</li>
</ul>
</li>
<li>The <b>Status bar</b> located at the bottom of the editor window indicates the page number<!--and word count-->, as well as displays some notifications (for example, "All changes saved", Connection is lost when there is no connection and the editor is trying to reconnect, etc.). It also allows <!--<a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">setting the text language, enabling spell checking</a><!--turning on the <a href="../HelpfulHints/Review.htm" onclick="onhyperlinkclick(this)">track changes mode</a> and -->adjusting <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">zoom</a>.</li>
<li><b>Working area</b> allows viewing diagram content.</li>
<li><b>Scroll bar</b> on the right and at the bottom allows scrolling within a diagram both vertically and horizontally.</li>
</ol>
<p>For your convenience, you can hide some components and display them again when necessary. To learn more about adjusting view settings, please refer to <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">this page</a>.</p>
</div>
</body>
</html>

View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<title>View tab</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Diagram Viewer user interface - View tab" />
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
<script type="text/javascript" src="../callback.js"></script>
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/page-search.js"></script>
</head>
<body>
<div class="mainpart">
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>View tab</h1>
<p>The <b>View</b> tab of the <!--<a href="https://www.onlyoffice.com/pdf-editor.aspx?docs=download" target="_blank" onclick="onhyperlinkclick(this)">--><b>Diagram Viewer</b><!--</a>--> allows you to manage how your diagram looks while you are viewing it, as well as helps you navigate diagrams easily.</p>
<div class="onlineDocumentFeatures">
<p>The corresponding window of the Online Diagram Viewer:</p>
<p><img alt="View tab" src="../images/interface/viewtab.png" /></p>
</div>
<!--<div class="desktopDocumentFeatures">
<p>The corresponding window of the Desktop PDF Editor:</p>
<p><img alt="View tab" src="../images/interface/desktop_viewtab.png" /></p>
</div>-->
<p>View options available on this tab:</p>
<ul>
<li><b>Zoom</b> allows you to zoom in and out of your diagram.</li>
<li><b>Fit to Page</b> allows you to resize the diagram so that the screen displays the page as a whole.</li>
<li><b>Fit to Width</b> allows you to resize the diagram so that the page scales to fit the width of the screen.</li>
<li><b>Interface Theme</b> allows you to change the interface theme by choosing a <b>Same as system</b>, <b>Light</b>, <b>Classic Light</b>, <b>Dark</b>, <b>Contrast Dark</b>, or <b>Gray</b> theme.</li>
</ul>
<p>The following options allow you to configure the elements to display or hide. Check the elements to make them visible:</p>
<ul>
<li><b>Always Show Toolbar</b> to make the top toolbar always visible.</li>
<li><b>Status Bar</b> to make the status bar always visible.</li>
<li><b>Left Panel</b> to make the left panel visible.</li>
</ul>
</div>
</body>
</html>

View File

@ -0,0 +1,63 @@
<!DOCTYPE html>
<html>
<head>
<title>Download and print your diagram</title>
<meta charset="utf-8" />
<meta name="description" content="Download and print your diagrams" />
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
<script type="text/javascript" src="../callback.js"></script>
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/page-search.js"></script>
</head>
<body>
<div class="mainpart">
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Download and print your diagram</h1>
<div class="onlineDocumentFeatures">
<h3>Downloading</h3>
<p>You can download the diagram onto your computer hard disk drive,</p>
<ol>
<li>click the <b>File</b> tab of the top toolbar,</li>
<li>select the <b>Download as</b> option,</li>
<li>choose one of the available formats depending on your needs: VSDX, PDF, PDF/A, JPG, PNG.</li>
</ol>
<h3>Saving a copy</h3>
<p>You can save a copy of the file on your portal,</p>
<ol>
<li>click the <b>File</b> tab of the top toolbar,</li>
<li>select the <b>Save Copy as</b> option,</li>
<li>choose one of the available formats depending on your needs: VSDX, PDF, PDF/A, JPG, PNG.</li>
<li>select the location of the file on the portal and press <b>Save</b>.</li>
</ol>
</div>
<h3 id="print">Printing</h3>
<p>To print out the current diagram,</p>
<ul>
<li>click the <b>Print</b> <div class="icon icon-print"></div> icon in the left part of the editor header, or</li>
<li>use the <b>Ctrl+P</b> key combination, or</li>
<li>click the <b>File</b> tab of the top toolbar and select the <b>Print</b> option.</li>
</ul>
<div class="note">
The Firefox browser enables printing without downloading the document as a .pdf file first.
</div>
<p><img alt="Print Settings window" src="../images/printsettingswindow.png" /></p>
<p>Adjust the following parameters in the <b>Print</b> window that opens:</p>
<ul id="printtitles">
<li><b>Destination</b> - choose the destination of the printed file, e.g., <b>Save to PDF</b>, <b>Microsoft XPS Document Writer</b>, <b>Microsoft Print to PDF</b>, <b>Fax</b>, etc.</li>
<li><b>Pages</b> - choose one of the options for printing the pages: <b>All</b>, <b>Current</b>, <b>Odd</b>, <b>Even</b>, or <b>Custom</b>. In the latter case, you will have to enter the number of pages manually.</li>
<li>
<b>Colour mode</b> - choose whether you want your file printed in <b>Colour</b> or <b>Black and white</b>. Please note that this setting is available when the <em>Microsoft XPS Document Writer</em> <b>Destination</b> parameter is selected. For the <em>Fax</em> <b>Destination</b> parameter, the colour mode is set to <b>black and white</b> by default.
<p>Click the <b>More settings</b> caption to open advanced settings.</p>
</li>
<li><b>Paper size</b> - select one of the available sizes from the drop-down list or set a user defined one.</li>
<li><b>Scale</b> - set the file scaling when printed; you can <b>fit it to page width</b> or set the scaling manually via the <b>Scale</b> checkbox and the corresponding input field.</li>
<li><b>Pages per sheet</b> - set the number of pages printed on one sheet, e.g., <b>two</b>, <b>six</b>, <b>nine</b>, etc.</li>
<li><b>Margins</b> - define the page margins. You can choose either <b>default</b> margins or custom ones measured in inches. For custom margins, please set the required values for top, bottom, left and right margins manually. You can also choose the <b>None</b> option to have no margins.</li>
<li><b>Options</b> - check the <b>Print headers and footers</b> checkbox to have them printed, or uncheck this box to have no headers and footers printed.</li>
<li><b>Print using the system dialogue</b> - click this caption to open the system dialogue to configure the printing process.</li>
</ul>
</div>
</body>
</html>

View File

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<title>View diagram information</title>
<meta charset="utf-8" />
<meta name="description" content="View diagram author, location, creation date, and statistics" />
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
<script type="text/javascript" src="../callback.js"></script>
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/page-search.js"></script>
</head>
<body>
<div class="mainpart">
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>View diagram information</h1>
<p>To access detailed information about the currently viewed diagram in the <!--<a href="https://www.onlyoffice.com/en/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)">--><b>Diagram Viewer</b><!--</a>-->, click the <b>File</b> tab of the top toolbar and select the <b>Info</b> option.</p>
<h3>Common</h3>
<ul>
<li><b>Owner</b> - the person who has created the file.</li>
<li><b>Uploaded</b> - the date when the file has been uploaded to the server.</li>
<li><b>Last Modified</b> - the date when the file has last been edited.</li>
<li><b>Created</b> - the date when the file was created.</li>
<li><b>Application</b> - the application used to create the file.</li>
</ul>
<h3>Properties</h3>
<ul>
<li><b>Author</b> - you can enter the necessary name in this field. Press <em>Enter</em> to add a new field that allows you to specify one more author. To delete additional authors, click the cross button next to the corresponding fields.</li>
<li><b>Title</b> - enter the title of the diagram. Please do not confuse it with the file name as these are different file properties.</li>
<li><b>Tags</b> - enter necessary tags for better file classification.</li>
<li><b>Subject</b> - enter the diagram subject.</li>
<li><b>Comment</b> - enter the comment to the file.</li>
<li>Click the <b>Add property</b> button to add custom fields, entering the <em>Title</em> of the field, its <em>Type</em>, i.e., its format, and its <em>Value</em>. Click <b>OK</b> when ready. To delete additional fields, click the cross button next to them.</li>
</ul>
<p>To close the <b>File</b> panel and return to PDF editing, select the <b>Close Menu</b> option.</p>
</div>
</body>
</html>

View File

@ -0,0 +1,46 @@
/*
* (c) Copyright Ascensio System SIA 2010-2024
*
* This program is a free software product. You can redistribute it and/or
* modify it under the terms of the GNU Affero General Public License (AGPL)
* version 3 as published by the Free Software Foundation. In accordance with
* Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
* that Ascensio System SIA expressly excludes the warranty of non-infringement
* of any third-party rights.
*
* This program is distributed WITHOUT ANY WARRANTY; without even the implied
* warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
* details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
*
* You can contact Ascensio System SIA at 20A-6 Ernesta Birznieka-Upish
* street, Riga, Latvia, EU, LV-1050.
*
* The interactive user interfaces in modified source and object code versions
* of the Program must display Appropriate Legal Notices, as required under
* Section 5 of the GNU AGPL version 3.
*
* Pursuant to Section 7(b) of the License you must retain the original Product
* logo when distributing the program. Pursuant to Section 7(e) we decline to
* grant you any rights under trademark law for use of our trademarks.
*
* All the Product's GUI elements, including illustrations and icon sets, as
* well as technical writing content are licensed under the terms of the
* Creative Commons Attribution-ShareAlike 4.0 International. See the License
* terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
*
*/
function onhyperlinkclick(element) {
function _postMessage(msg) {
if (window.parent && window.JSON) {
window.parent.postMessage(window.JSON.stringify(msg), "*");
}
}
_postMessage({
command: 'internalCommand',
data: {
type: 'help:hyperlink',
data: element.href
}
});
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 147 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 144 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

View File

@ -0,0 +1,53 @@
var indexes =
[
{
"id": "HelpfulHints/About.htm",
"title": "About the Diagram Viewer",
"body": "The Diagram Viewer is an online application that allows you to view diagrams directly in the browser. Using the Diagram Viewer, you can print the diagram, keeping all the formatting details, or download it onto your computer hard disk drive. To view the current software version, build number, and licensor details in the online version, click the icon on the left sidebar."
},
{
"id": "HelpfulHints/AdvancedSettings.htm",
"title": "Advanced Settings of the Diagram Viewer",
"body": "The Diagram Viewer allows you to change its advanced settings. To access them, open the File tab on the top toolbar and select the Advanced Settings option. The advanced settings are grouped as follows: Appearance The Interface theme option is used to change the color scheme of the editors interface. The Same as system option makes the editor follow the interface theme of your system. The Light color scheme incorporates standard red brick, white, and light gray colors with less contrast in UI elements suitable for working during the daytime. The Classic Light color scheme incorporates standard red brick, white, and light gray colors. The Dark color scheme incorporates black, dark gray, and light gray colors suitable for working at night. The Contrast Dark color scheme incorporates black, dark gray, and white colors with more contrast in UI elements, highlighting the working area of the file. The Gray color scheme incorporates lighter gray color and appears as a uniformly light color scheme. The Tab style option is used to change tab highlighting type: Fill to fill the selected tab with a darker colour, or Line to underline the selected tab. The Use toolbar color as tabs background option is used to fill the tabs with the same colour as the tab background interface. Workspace The Turn on screen reader support option is used to enable support of screen reader software. The Use Alt key to navigate the user interface using the keyboard option is used to enable using the Alt / Option key in keyboard shortcuts. The Default Zoom Value option is used to set the default zoom value, selecting it in the list of available options from 50% to 500%. You can also choose the Fit to Page, Fit to Width, or Last Used option. The Last Used option refers to the last set scaling during the current session. The Font Hinting option is used to select how fonts are displayed in the Diagram Viewer. Choose As Windows if you like the way fonts are usually displayed on Windows, i.e., using Windows font hinting. Choose As OS X if you like the way fonts are usually displayed on a Mac, i.e., without any font hinting at all. Choose Native if you want your text to be displayed with hinting embedded into font files. Default cache mode - used to select the cache mode for the font characters. Its not recommended to switch it without any reason. It can be helpful in some cases only, for example, when an issue in the Google Chrome browser with enabled hardware acceleration occurs. The Diagram Viewer has two cache modes: In the first cache mode, each letter is cached as a separate picture. In the second cache mode, a picture of a certain size is selected where letters are placed dynamically, and a mechanism for allocating/removing memory in this picture is also implemented. If there is not enough memory, a second picture is created, etc. The Default cache mode setting applies the two above-mentioned cache modes separately for different browsers: When the Default cache mode setting is enabled, Internet Explorer (v. 9, 10, 11) uses the second cache mode, other browsers use the first cache mode. When the Default cache mode setting is disabled, Internet Explorer (v. 9, 10, 11) uses the first cache mode, other browsers use the second cache mode. To save the changes you made, click the Apply button."
},
{
"id": "HelpfulHints/Communicating.htm",
"title": "Communicating in real time",
"body": "The Diagram Viewer allows you to maintain a constant team-wide approach to work flow. In the Diagram Viewer you can communicate with your co-editors in real time using the built-in Chat tool. To access the Chat tool and leave a message for other users, click the icon on the left sidebar, enter your text into the corresponding field below, press the Send button. The chat messages are stored for one session only. All the messages left by users will be displayed on the panel on the left. If there are new messages you haven't read yet, the chat icon will look like this - . To close the panel with chat messages, click the icon on the left sidebar."
},
{
"id": "HelpfulHints/KeyboardShortcuts.htm",
"title": "Keyboard Shortcuts",
"body": "Keyboard Shortcuts for Key Tips Use keyboard shortcuts for a faster and easier access to the features of the Diagram Viewer without using a mouse. Press Alt (Option for macOS) key to turn on all key tips for the editor header, the top toolbar, the left sidebar and the status bar. Press the letter that corresponds to the item you wish to use. The additional key tips may appear depending on the key you press. The first key tips hide when additional key tips appear. For example, to access the View tab, press Alt (Option for macOS) to see all primary key tips. Press the letter W to access the View tab, and to see all the available shortcuts for this tab. Then press the letter that corresponds to the item you wish to configure. Press Alt (Option for macOS) to hide all key tips, or press Escape to go back to the previous group of key tips. Find the most common keyboard shortcuts in the list below: Windows/Linux Mac OS Working with diagrams Open 'File' panel Alt+F ^ Ctrl+⌥ Option+F Open the File panel to save, download, print the current diagram, view its info, access the Diagram Viewer Help Center or advanced settings. Open 'Chat' panel (Online Editors) Alt+Q ^ Ctrl+⌥ Option+Q Open the Chat panel in the Online Editors and send a message. Print the diagram Ctrl+P ^ Ctrl+P, &#8984; Cmd+P Print the diagram with one of the available printers or save it as a file. Download As... Ctrl+⇧ Shift+S ^ Ctrl+⇧ Shift+S, &#8984; Cmd+⇧ Shift+S Open the Download as... panel to save the currently viewed diagram to the hard disk drive of your computer in one of the supported formats: VSDX, PDF, PDF/A, JPG, PNG. Switch to the next tab Ctrl+↹ Tab ^ Ctrl+↹ Tab Switch to the next file tab in Desktop Editors or browser tab in Online Editors. Switch to the previous tab Ctrl+⇧ Shift+↹ Tab ^ Ctrl+⇧ Shift+↹ Tab Switch to the previous file tab in Desktop Editors or browser tab in Online Editors. Close file Ctrl+F4 &#8984; Cmd+W Close the current diagram window. Close menu or modal window, reset modes, etc. Esc Esc Close a menu or modal window. Reset pop-ups and balloons with comments and review changes. Reset drawing and erasing table mode. Reset text drag-n-drop. Reset marker selection mode. Reset format painter mode. Deselect shapes. Reset adding shapes mode. Exit from the header/footer. Exit from filling in forms. Reset the Zoom parameter Ctrl+0 ^ Ctrl+0 or &#8984; Cmd+0 Reset the Zoom parameter of the current diagram to a default 100%. Navigation Zoom In Ctrl+Num+ or Ctrl++ (on the main keyboard) ^ Ctrl++, &#8984; Cmd++ Zoom in the currently edited PDF. Zoom Out Ctrl+- (on the main keyboard) ^ Ctrl+-, &#8984; Cmd+- Zoom out the currently edited PDF."
},
{
"id": "HelpfulHints/Navigation.htm",
"title": "View Settings and Navigation Tools",
"body": "The Diagram Viewer offers several tools to help you view and navigate your diagram: zoom, set the interface theme, etc. Adjust the view settings To adjust default view settings and set the most convenient mode to work with the diagram, go to the View tab and select which interface elements you want to be hidden or shown. You can select the following options on the View tab: Zoom to set the required zoom value from 50% to 500% from the drop-down list. Fit to Page - to fit the whole diagram page to the visible part of the working area. Fit to Width - to fit the diagram page width to the visible part of the working area. Interface Theme choose one of the available interface themes from the drop-down menu: Same as system, Light, Classic Light, Dark, Contrast Dark, Gray. Always Show Toolbar when this option is disabled, the top toolbar that contains commands will be hidden while tab names remain visible. Alternatively, you can just double-click any tab to hide the top toolbar or display it again. Status Bar when this option is disabled, the bottommost bar where the Zoom, Fit to page, Fit to width buttons are situated will be hidden. To show the hidden Status Bar, enable this option. Left Panel - when disabled, hides the left panel where Chat, About, etc. buttons are located. To show the left panel, check this box. When the Chat panel is opened, the width of the left sidebar is adjusted by simple drag-and-drop: move the mouse cursor over the left sidebar border so that it turns into the bidirectional arrow and drag the border to the right to extend the width of the sidebar. To restore its original width, move the border to the left. Use the Navigation Tools Navigating pages The page navigation buttons are located at the bottom of the screen. - go to the next page of the diagram file. - go to the previous page of the diagram file. Zoom The Zoom buttons are situated in the right lower corner and are used to zoom in and out of the current diagram. To change the currently selected zoom value that is displayed in percent, click it and select one of the available zoom options from the list (50% / 75% / 100% / 125% / 150% / 175% / 200% / 300% / 400% / 500%) or use the Zoom in or Zoom out buttons. The set scaling is maintained for all files during the current session. Click the Fit to width icon to fit the document page width to the visible part of the working area. To fit the whole document page to the visible part of the working area, click the Fit to page icon. Zoom settings are also available on the View tab."
},
{
"id": "ProgramInterface/FileTab.htm",
"title": "File tab",
"body": "The File tab in the Diagram Viewer allows performing some basic file operations. The corresponding window of the Online Diagram Viewer: Using this tab, you can: download as (save the document in the selected format to the hard disk drive of your computer), save copy as (save a copy of the document in the selected format to the portal documents), print the file or rename it, view general information about the diagram, access the advanced settings of the editor."
},
{
"id": "ProgramInterface/ProgramInterface.htm",
"title": "Introducing the user interface of the Diagram Viewer",
"body": "The Diagram Viewer uses a tabbed interface, where various features are grouped into tabs by functionality. Main window of the Online Diagram Viewer: The editor interface consists of the following main elements: The Editor header displays the ONLYOFFICE logo, file name, and tabs. On the right side of the Editor header along with the username, the following icons are displayed: Open file location - allows opening the folder of the Documents module, where the file is stored, in a new browser tab. Print file - allows printing the file. The Top toolbar displays a set of editing commands depending on the selected menu tab. Currently, the following tabs are available: File, View. The Left sidebar contains the following icons: - allows opening the Chat panel. - allows for the display of page thumbnails for quick navigation. - allows contacting our support team. - allows viewing the information about the program. The Status bar located at the bottom of the editor window indicates the page number, as well as displays some notifications (for example, \"All changes saved\", Connection is lost when there is no connection and the editor is trying to reconnect, etc.). It also allows adjusting zoom. Working area allows viewing diagram content. Scroll bar on the right and at the bottom allows scrolling within a diagram both vertically and horizontally. For your convenience, you can hide some components and display them again when necessary. To learn more about adjusting view settings, please refer to this page."
},
{
"id": "ProgramInterface/ViewTab.htm",
"title": "View tab",
"body": "The View tab of the Diagram Viewer allows you to manage how your diagram looks while you are viewing it, as well as helps you navigate diagrams easily. The corresponding window of the Online Diagram Viewer: View options available on this tab: Zoom allows you to zoom in and out of your diagram. Fit to Page allows you to resize the diagram so that the screen displays the page as a whole. Fit to Width allows you to resize the diagram so that the page scales to fit the width of the screen. Interface Theme allows you to change the interface theme by choosing a Same as system, Light, Classic Light, Dark, Contrast Dark, or Gray theme. The following options allow you to configure the elements to display or hide. Check the elements to make them visible: Always Show Toolbar to make the top toolbar always visible. Status Bar to make the status bar always visible. Left Panel to make the left panel visible."
},
{
"id": "UsageInstructions/SavePrintDownload.htm",
"title": "Download and print your diagram",
"body": "Downloading You can download the diagram onto your computer hard disk drive, click the File tab of the top toolbar, select the Download as option, choose one of the available formats depending on your needs: VSDX, PDF, PDF/A, JPG, PNG. Saving a copy You can save a copy of the file on your portal, click the File tab of the top toolbar, select the Save Copy as option, choose one of the available formats depending on your needs: VSDX, PDF, PDF/A, JPG, PNG. select the location of the file on the portal and press Save. Printing To print out the current diagram, click the Print icon in the left part of the editor header, or use the Ctrl+P key combination, or click the File tab of the top toolbar and select the Print option. The Firefox browser enables printing without downloading the document as a .pdf file first. Adjust the following parameters in the Print window that opens: Destination - choose the destination of the printed file, e.g., Save to PDF, Microsoft XPS Document Writer, Microsoft Print to PDF, Fax, etc. Pages - choose one of the options for printing the pages: All, Current, Odd, Even, or Custom. In the latter case, you will have to enter the number of pages manually. Colour mode - choose whether you want your file printed in Colour or Black and white. Please note that this setting is available when the Microsoft XPS Document Writer Destination parameter is selected. For the Fax Destination parameter, the colour mode is set to black and white by default. Click the More settings caption to open advanced settings. Paper size - select one of the available sizes from the drop-down list or set a user defined one. Scale - set the file scaling when printed; you can fit it to page width or set the scaling manually via the Scale checkbox and the corresponding input field. Pages per sheet - set the number of pages printed on one sheet, e.g., two, six, nine, etc. Margins - define the page margins. You can choose either default margins or custom ones measured in inches. For custom margins, please set the required values for top, bottom, left and right margins manually. You can also choose the None option to have no margins. Options - check the Print headers and footers checkbox to have them printed, or uncheck this box to have no headers and footers printed. Print using the system dialogue - click this caption to open the system dialogue to configure the printing process."
},
{
"id": "UsageInstructions/ViewDiagramViewerInfo.htm",
"title": "View diagram information",
"body": "To access detailed information about the currently viewed diagram in the Diagram Viewer, click the File tab of the top toolbar and select the Info option. Common Owner - the person who has created the file. Uploaded - the date when the file has been uploaded to the server. Last Modified - the date when the file has last been edited. Created - the date when the file was created. Application - the application used to create the file. Properties Author - you can enter the necessary name in this field. Press Enter to add a new field that allows you to specify one more author. To delete additional authors, click the cross button next to the corresponding fields. Title - enter the title of the diagram. Please do not confuse it with the file name as these are different file properties. Tags - enter necessary tags for better file classification. Subject - enter the diagram subject. Comment - enter the comment to the file. Click the Add property button to add custom fields, entering the Title of the field, its Type, i.e., its format, and its Value. Click OK when ready. To delete additional fields, click the cross button next to them. To close the File panel and return to PDF editing, select the Close Menu option."
}
]

View File

@ -0,0 +1,237 @@
<!DOCTYPE html>
<html>
<head>
<title>Search results</title>
<meta charset="utf-8" />
<meta name="description" content="Search results" />
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
<script type="text/javascript" src="../callback.js"></script>
<script src="../../../../../../common/main/resources/help/search/js/jquery.min.js"></script>
<script src="indexes.js"></script>
<script src="../../../../../../common/main/resources/help/search/js/lunr.js"></script>
<script src="../../../../../../common/main/resources/help/search/js/lunr-languages/lunr.stemmer.support.js"></script>
<script src="../../../../../../common/main/resources/help/search/js/lunr-languages/lunr.multi.js"></script>
<style type="text/css">
ul {
padding-left: 15px;
margin-top: 20px;
}
li {
list-style-type: decimal;
line-height: 1.5em;
padding-bottom: 1.5em;
}
li a {
font-family: 'Open Sans',sans-serif,Arial;
font-size: 1.2em;
}
li p {
margin: 0.5em 0;
}
li p.info {
color: #999;
font-size: 0.9em;
font-style: italic;
}
li a span {
background: yellow;
}
li p span {
background: yellow;
}
</style>
</head>
<body>
<script>
(function() {
var getParameterByName = function(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
};
var getInfoById = function(id) {
var objects = $.grep(indexes, function(e){ return e.id == id; });
if (objects.length > 0) {
return objects[0]
}
return null;
};
var uniqueArray = function(array) {
return array.map(JSON.stringify).reverse().filter(function (e, i, a) {
return a.indexOf(e, i+1) === -1;
}).reverse().map(JSON.parse)
};
var higtlightTitles = function(result, info, positions) {
var elements = positions.map(function(position) {
return $('<li>')
.append(
$('<a>', {
href: "../" + result.ref,
html: [
info.title.slice(0, position[0]),
"<span>",
info.title.slice(position[0], position[0] + position[1]),
"</span>",
info.title.slice(position[0] + position[1])
].join(''),
onclick: "onhyperlinkclick(this)"
})
)
.append($('<p>').text(info.body.substring(0, 250) + "..."))
});
return elements;
};
var higtlightBodyes = function(result, info, positions) {
var elements = positions.map(function(position) {
var html = [
info.body.slice(0, position[0]),
"<span>",
info.body.slice(position[0], position[0] + position[1]),
"</span>",
info.body.slice(position[0] + position[1])
].join('');
var sentences = html.split("."),
displayBody = "",
sentenceCount = 0,
commonLength = 0;
$(sentences).each(function(index, sentence) {
commonLength += sentence.length;
if (commonLength > position[0]) {
sentenceCount++;
displayBody += sentence + ".";
}
if (commonLength > 450 && sentenceCount > 2) {
displayBody = displayBody.substring(0, 450) + "...";
return false;
}
});
return $('<li>')
.append(
$('<a>', {
href: "../" + result.ref,
html: info.title.substring(0, 150),
onclick: "onhyperlinkclick(this)"
})
)
.append(
$('<p>')
.html(displayBody)
)
});
return elements;
};
var processSearch = function() {
var self = this,
query = getParameterByName("query");
if (query !== null && query.length > 0) {
var parameterisedPlugin = function (builder, fields) {
fields.forEach(function (field) {
builder.field(field)
})
}
var idx = lunr(function () {
this.use(lunr.multiLanguage('en'))
this.ref('id')
this.field('title', {boost: 10})
this.field('body')
this.metadataWhitelist = ['position']
this.use(parameterisedPlugin, ['title', 'body']);
indexes.forEach(function (doc) {
this.add(doc)
}, this)
});
var results = idx.search(query),
resultsCount = 0;
if (results.length > 0) {
$("#search-results").append(
results.map(function(result) {
var displayInfo = getInfoById(result.ref);
if (displayInfo) {
var elements = []
Object.keys(result.matchData.metadata).forEach(function (term) {
Object.keys(result.matchData.metadata[term]).forEach(function (fieldName) {
if (fieldName == "title") {
var positions = uniqueArray(result.matchData.metadata[term][fieldName].position);
elements = elements.concat(higtlightTitles(result, displayInfo, positions));
} else if (fieldName == "body") {
var positions = uniqueArray(result.matchData.metadata[term][fieldName].position);
elements = elements.concat(higtlightBodyes(result, displayInfo, positions));
}
})
})
resultsCount += elements.length;
return elements.map(function(element) {
return $("<div>").append(element).html()
}).join('');
}
})
)
$(".subtitle").html("Search results: " + resultsCount);
} else {
$(".subtitle").html("No search results");
}
$("h1").text("Search results");
} else {
$("h1").text("Search results");
$(".subtitle").html("No search results");
}
}
$(document).ready(function() {
setTimeout(processSearch, 50);
});
})();
function doSearch(e) {
if (e.keyCode == 13) {
document.location.href = 'search.html?query=' + document.getElementById('search').value;
}
}
</script>
<div class="mainpart">
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Searching...</h1>
<span class="subtitle"></span>
<ul id="search-results"></ul>
</div>
</body>
</html>