mirror of
https://github.com/ONLYOFFICE/web-apps.git
synced 2026-04-07 14:06:16 +08:00
58 lines
19 KiB
JavaScript
58 lines
19 KiB
JavaScript
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 editor’s 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. It’s 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, ⌘ 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, ⌘ 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 ⌘ Cmd+W Close the current diagram window. Reset the ‘Zoom’ parameter Ctrl+0 ^ Ctrl+0 or ⌘ Cmd+0 Reset the ‘Zoom’ parameter of the current diagram to default. Navigation Zoom In Ctrl+Num+ or Ctrl++ (on the main keyboard) ^ Ctrl++, ⌘ Cmd++ Zoom in the currently edited VSDX. Zoom Out Ctrl+- (on the main keyboard) ^ Ctrl+-, ⌘ Cmd+- Zoom out the currently edited VSDX."
|
||
},
|
||
{
|
||
"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": "HelpfulHints/SupportedFormats.htm",
|
||
"title": "Supported Formats of Electronic Diagrams",
|
||
"body": "Electronic diagrams are one of the most frequently used computer files. Due to the highly developed modern computer network, it's more convenient to distribute electronic diagrams than printed ones. Nowadays, a lot of devices are used for document presentation, so there are plenty of proprietary and open file formats. The Diagram Viewer handles the most popular of them. While uploading or opening the file for editing, it will be converted to the Office Open XML format. It's done to speed up the file processing and increase the interoperability. The following table contains the formats which can be opened for viewing and/or editing. Formats Description View natively View after conversion to OOXML Edit natively Edit after conversion to OOXML JPG/JPEG Joint Photographic Experts Group A raster image file format that uses compression to store data + + - - PDF Portable Document Format File format used to represent documents regardless of the used software, hardware, and operating systems - + - - PDF/A Portable Document Format / A An ISO-standardized version of the Portable Document Format (PDF) specialized for use in the archiving and long-term preservation of electronic documents - + - - PNG Portable Network Graphics A raster-graphics file format that supports lossless data compression + + - - VSDM A macro-enabled drawing file type used by Microsoft Visio + + - - VSDX File format designed primarily to store scanned documents, especially those containing a combination of text, line drawings, and photographs + + - - VSSM Microsoft Visio Stencil files that support macros + + - - VSSX XML-based Microsoft Visio Stencil files + + - - VSTM Macro-enabled drawing template created by Microsoft Visio + + - - VSTX A drawing template created by Microsoft Visio + + - - The following table contains the formats in which you can download a document from the File -> Download as menu. Input format Can be downloaded as JPG PDF, PDF/A, PNG, VSDX PDF JPG, PDF/A, PNG, VSDX PDF/A JPG, PDF, PNG, VSDX PNG JPG, PDF, PDF/A, VSDX VSDM BMP, GIF, JPG, PDF, PDF/A, PNG VSDX BMP, GIF, JPG, PDF, PDF/A, PNG VSSM BMP, GIF, JPG, PDF, PDF/A, PNG VSSX BMP, GIF, JPG, PDF, PDF/A, PNG VSTM BMP, GIF, JPG, PDF, PDF/A, PNG VSTX BMP, GIF, JPG, PDF, PDF/A, PNG You can also refer to the conversion matrix on api.onlyoffice.com to see whether you can convert your diagrams into the most known file formats."
|
||
},
|
||
{
|
||
"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, select the Close Menu option."
|
||
}
|
||
] |