Update: added Wordpress, Thesaurus gifs and supplemented Photo Editor plugin article

This commit is contained in:
Ilya Sobolev 2020-07-22 09:46:16 +03:00
parent c1f99a9f31
commit 12acb41ba2
25 changed files with 141 additions and 47 deletions

View File

@ -1,3 +1,3 @@
<%@ Control Language="C#" %>
<a class="crm-task-title sm_editors sm_document" id="link_1065" title="Tips on using OCR plugin."
href="<%=VirtualPathUtility.ToAbsolute("~/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/OCR.aspx")%>">Insert image-text</a>
href="<%=VirtualPathUtility.ToAbsolute("~/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/OCR.aspx")%>">Extract text from an image</a>

View File

@ -5,7 +5,7 @@
<li><a class="leftmenu_documenteditor_highlightedcode" href="<%=VirtualPathUtility.ToAbsolute("~/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/HighlightedCode.aspx")%>">Insert highlighted code</a></li>
<li><a class="leftmenu_documenteditor_insertreferences" href="<%=VirtualPathUtility.ToAbsolute("~/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/InsertReferences.aspx")%>">Insert references</a></li>
<li><a class="leftmenu_documenteditor_translator" href="<%=VirtualPathUtility.ToAbsolute("~/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/Translator.aspx")%>">Translate text</a></li>
<li><a class="leftmenu_documenteditor_ocr" href="<%=VirtualPathUtility.ToAbsolute("~/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/OCR.aspx")%>">Insert image-text</a></li>
<li><a class="leftmenu_documenteditor_ocr" href="<%=VirtualPathUtility.ToAbsolute("~/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/OCR.aspx")%>">Extract text from an image</a></li>
<li><a class="leftmenu_documenteditor_speech" href="<%=VirtualPathUtility.ToAbsolute("~/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/Speech.aspx")%>">Read the text out loud</a></li>
<li><a class="leftmenu_documenteditor_thesaurus" href="<%=VirtualPathUtility.ToAbsolute("~/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/Thesaurus.aspx")%>">Replace a word by a synonym</a></li>
<li><a class="leftmenu_documenteditor_wordpress" href="<%=VirtualPathUtility.ToAbsolute("~/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/Wordpress.aspx")%>">Upload a document to Wordpress</a></li>

View File

@ -35,8 +35,9 @@
<li><a href="../UsageInstructions/Thesaurus.htm" onclick="onhyperlinkclick(this)">Thesaurus</a> allows to search for synonyms and antonyms of a word and replace it with the selected one,</li>
<li><a href="../UsageInstructions/Translator.htm" onclick="onhyperlinkclick(this)">Translator</a> allows to translate the selected text into other languages,</li>
<li><a href="../UsageInstructions/YouTube.htm" onclick="onhyperlinkclick(this)">YouTube</a> allows to embed YouTube videos into your document,</li>
<li class="onlineDocumentFeatures"><a href="../UsageInstructions/InsertReferences.htm" onclick="onhyperlinkclick(this)">Mendeley</a> allows to manage research papers and generate bibliographies for scholarly articles(available in the <em>online version</em> only),</li>
<li class="onlineDocumentFeatures"><a href="../UsageInstructions/InsertReferences.htm" onclick="onhyperlinkclick(this)">Zotero</a> allows to manage bibliographic data and related research materials(available in the <em>online version</em> only).</li>
<li class="onlineDocumentFeatures"><a href="../UsageInstructions/InsertReferences.htm#Mendeley_block" onclick="onhyperlinkclick(this)">Mendeley</a> allows to manage research papers and generate bibliographies for scholarly articles (available in the <em>online version</em> only),</li>
<li class="onlineDocumentFeatures"><a href="../UsageInstructions/InsertReferences.htm#Zotero_block" onclick="onhyperlinkclick(this)">Zotero</a> allows to manage bibliographic data and related research materials (available in the <em>online version</em> only),</li>
<li class="onlineDocumentFeatures"><a href="../UsageInstructions/InsertReferences.htm#EasyBib_block" onclick="onhyperlinkclick(this)">EasyBib</a> helps to find and insert related books, journal articles and websites (available in the <em>online version</em> only).</li>
</ul>
<p class="onlineDocumentFeatures">The <a href="../UsageInstructions/Wordpress.htm" onclick="onhyperlinkclick(this)">Wordpress</a> and <b>EasyBib</b> plugins can be used if you connect the corresponding services in your portal settings. You can use the following instructions <a target="_blank" href="https://helpcenter.onlyoffice.com/server/windows/community/authorization-keys.aspx" onclick="onhyperlinkclick(this)">for the server version</a> or <a target="_blank" href="https://helpcenter.onlyoffice.com/tipstricks/authorization-keys-saas.aspx" onclick="onhyperlinkclick(this)">for the SaaS version</a>. </p>
<p>To learn more about plugins, please refer to our <a target="_blank" href="https://api.onlyoffice.com/plugin/basic" onclick="onhyperlinkclick(this)">API Documentation</a>. All the currently existing open source plugin examples are available on <a target="_blank" href="https://github.com/ONLYOFFICE/sdkjs-plugins" onclick="onhyperlinkclick(this)">GitHub</a>.</p>

View File

@ -14,7 +14,7 @@
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Insert highlighted code</h1>
<p>You can embed highlighted code with the already adjusted style in accordance with the programming language and coloring style of the programm you have chosen.</p>
<p>You can embed highlighted code with the already adjusted style in accordance with the programming language and coloring style of the program you have chosen.</p>
<ol>
<li>Go to your document and place the cursor at the location where you want to include the code.</li>
<li>Switch to the <b>Plugins</b> tab and choose <img alt="Highlight code plugin icon" src="../images/highlight.png" /> <b>Highlight code</b>.</li>
@ -22,6 +22,7 @@
<li>Select a <b>Style</b> of the code so that it appears as if it were open in this program.</li>
<li>Specify if you want to replace tabs with spaces.</li>
<li>Choose <b>Background color</b>. To do this, manually move the cursor over the palette or insert the <b>RBG</b>/<b>HSL</b>/<b>HEX</b> value.</li>
<li>Click <b>OK</b> to insert the code.</li>
</ol>
<img class="gif" alt="Highlight plugin gif" src="../images/highlight_plugin.gif" width="600" />
</div>

View File

@ -3,7 +3,7 @@
<head>
<title>Insert references</title>
<meta charset="utf-8" />
<meta name="description" content="The description of Mendeley and Zotero plugins for ONLYOFFICE editors, which allow to insert references into documents" />
<meta name="description" content="The description of Mendeley, Zotero and EasyBib plugins for ONLYOFFICE editors, which allow to insert references into documents" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
<script type="text/javascript" src="../search/js/page-search.js"></script>
@ -14,22 +14,23 @@
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Insert references</h1>
<p>OnlyOffice supports both <b>Mendeley</b> and <b>Zotero</b> reference managers to insert references into your document.</p>
<h2>Mendeley</h2>
<h3>Connect OnlyOffice to Mendeley</h3>
<p>ONLYOFFICE supports <b>Mendeley</b>, <b>Zotero</b> and <b>EasyBib</b> reference managers to insert references into your document.</p>
<h2 id="Mendeley_block">Mendeley</h2>
<h3>Connect ONLYOFFICE to Mendeley</h3>
<ol>
<li>Login to your <b>Mendeley</b> account.</li>
<li>In your document, switch to the <b>Plugins</b> tab and choose <img alt="Mendeley plugin icon" src="../images/mendeley.png" /> <b>Mendeley</b>, a sidebar will open on the left side of your document.
<li>
Click the <b>Copy Link and Open Form</b> button.<br />
The browser opens a form on the Mendeley site. Complete this form and note the Application ID for OnlyOffice.
The browser opens a form on the Mendeley site. Complete this form and note the Application ID for ONLYOFFICE.
</li>
<li>Switch back to your document.</li>
<li>Enter the Application ID and click <b>Save</b>.</li>
<li>Click <b>Login</b>.</li>
<li>Click <b>Proceed</b>.</li>
</ol>
<p>Now OnlyOffice is connected to your Mendeley account.</p>
<p>Now ONLYOFFICE is connected to your Mendeley account.</p>
<h3>Inserting references</h3>
<ol>
<li>Open the document and place the cursor on the spot where you want to insert the reference(s).</li>
@ -40,8 +41,9 @@
<li>Choose the reference style from the <b>Style</b> pull-down menu.</li>
<li>Click the <b>Insert Bibliography</b> button.</li>
</ol>
<h2>Zotero</h2>
<h3>Connect OnlyOffice to Zotero</h3>
<h2 id="Zotero_block">Zotero</h2>
<h3>Connect ONLYOFFICE to Zotero</h3>
<ol>
<li>Login to your <b>Zotero</b> account.</li>
<li>In your document, switch to the <b>Plugins</b> tab and choose <img alt="Zotero plugin icon" src="../images/zotero.png" /> <b>Zotero</b>, a sidebar will open on the left side of your document.</li>
@ -50,7 +52,7 @@
<li>Switch to your document and paste the API key.</li>
<li>Click <b>Save</b>.</li>
</ol>
<p>Now OnlyOffice is connected to your Zotero account.</p>
<p>Now ONLYOFFICE is connected to your Zotero account.</p>
<h3>Inserting references</h3>
<ol>
<li>Open the document and place the cursor on the spot where you want to insert the reference(s).</li>
@ -61,6 +63,18 @@
<li>Choose the reference style from the <b>Style</b> pull-down menu.</li>
<li>Click the <b>Insert Bibliography</b> button.</li>
</ol>
<h2 id="EasyBib_block">EasyBib</h2>
<ol>
<li>Open the document and place the cursor on the spot where you want to insert the reference(s).</li>
<li>Switch to the <b>Plugins</b> tab and choose <img alt="EasyBib plugin icon" src="../images/easybib.png" /> <b>EasyBib</b>.</li>
<li>Select the type of sourse you want to find.</li>
<li>Enter a search text and hit <b>Enter</b> on your keyboard.</li>
<li>Click '+' on the right side of the suitable Book/Journal article/Website. It will be added to Bibliography.</li>
<li>Select references style.</li>
<li>Click the <b>Add Bibliography to Doc</b> to insert the references.</li>
</ol>
<img class="gif" alt="Easybib plugin gif" src="../images/easybib_plugin.gif" width="600" />
</div>
</body>
</html>

View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>Insert image-text</title>
<title>Extract text from an image</title>
<meta charset="utf-8" />
<meta name="description" content="The description of OCR plugin for ONLYOFFICE editors, which allows to extract text from an image and insert it into documents" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
@ -13,17 +13,17 @@
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Insert image-text</h1>
<p>With OnlyOffice you can extract text from an image (.png .jpg) and insert it in your document.</p>
<h1>Extract text from an image</h1>
<p>With ONLYOFFICE you can extract text from an image (.png .jpg) and insert it in your document.</p>
<ol>
<li>Open your document and place the cursor on the spot where you want to insert the code.</li>
<li>Open your document and place the cursor on the spot where you want to insert the text.</li>
<li>Switch to the <b>Plugins</b> tab and choose <img alt="OCR plugin icon" src="../images/ocr.png" /> <b>OCR</b> from the menu.</li>
<li>Click <b>Load File</b> and select the image.</li>
<li>Choose the recognition language from the <b>Choose Language</b> pull-down menu.</li>
<li>Click <b>Recognize</b>.</li>
<li>Click <b>Insert text</b>.</li>
</ol>
<p>You should check the inserted text for errors and lay-out.</p>
<p>You should check the inserted text for errors and layout.</p>
<img class="gif" alt="OCR plugin gif" src="../images/ocr_plugin.gif" width="600" />
</div>
</body>

View File

@ -14,18 +14,39 @@
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Edit an image</h1>
<p>OnlyOffice comes with a very powerful <b>photo editor</b>, that allows you to adjust the image with filters and make all kinds of annotations.</p>
<p>ONLYOFFICE comes with a very powerful <b>photo editor</b>, that allows you to adjust the image with filters and make all kinds of annotations.</p>
<ol>
<li>Select an image in your document.</li>
<li>
Switch to the <b>Plugins</b> tab and choose <img alt="Photo Editor plugin icon" src="../images/photoeditor.png" /> <b>Photo Editor</b>.<br />
You are now in the editing environment.<br />
Below the image you will find the filters, some with a check-box only, some have sliders to adjust the filter.<br />
Below the filters you will find buttons for <b>Undo</b>, <b>Redo</b> and <b>Resetting</b> your adjustments and buttons to add annotations, cropping, rotating etc.<br />
You are now in the editing environment.
<ul>
<li>Below the image you will find the following checkboxes and slider filters:
<ul>
<li><b>Grayscale</b>, <b>Sepia</b>, <b>Sepia 2</b>, <b>Blur</b>, <b>Emboss</b>, <b>Invert</b>, <b>Sharpen</b>;</li>
<li><b>Remove White</b> (<em>Threshhold</em>, <em>Distance</em>), <b>Gradient transparency</b>, <b>Brightness</b>, <b>Noise</b>, <b>Pixelate</b>, <b>Color Filter</b>;</li>
<li><b>Tint</b>, <b>Multiply</b>, <b>Blend</b>.</li>
</ul>
</li>
<li>
Below the filters you will find buttons for
<ul>
<li><b>Undo</b>, <b>Redo</b> and <b>Resetting</b>;</li>
<li><b>Delete</b>, <b>Delete all</b>;</li>
<li><b>Crop</b> (<em>Custom</em>, <em>Square</em>, <em>3:2</em>, <em>4:3</em>, <em>5:4</em>, <em>7:5</em>, <em>16:9</em>);</li>
<li><b>Flip</b> (<em>Flip X</em>, <em>Flip Y</em>, <em>Reset</em>);</li>
<li><b>Rotate</b> (<em>30 degree</em>, <em>-30 degree</em>,<em>Manual rotation slider</em>);</li>
<li><b>Draw</b> (<em>Free</em>, <em>Straight</em>, <em>Color</em>, <em>Size slider</em>);</li>
<li><b>Shape</b> (<em>Recrangle</em>, <em>Circle</em>, <em>Triangle</em>, <em>Fill</em>, <em>Stroke</em>, <em>Stroke size</em>);</li>
<li><b>Icon</b> (<em>Arrows</em>, <em>Stars</em>, <em>Polygon</em>, <em>Location</em>, <em>Heart</em>, <em>Bubble</em>, <em>Custom icon</em>, <em>Color</em>);</li>
<li><b>Text</b> (<em>Bold</em>, <em>Italic</em>, <em>Underline</em>, <em>Left</em>, <em>Center</em>, <em>Right</em>, <em>Color</em>, <em>Text size</em>);</li>
<li><b>Mask</b>.</li>
</ul>
</li>
</ul>
Feel free to try all of these and remember you can always undo them.<br />
When finished:
<li>
Click the <b>OK</b> button.
When finished, click the <b>OK</b> button.
</li>
</ol>
<p>The edited picture is now included in the document.</p>

View File

@ -14,7 +14,7 @@
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Read the text out loud</h1>
<p>OnlyOffice has a plugin that can read out the text for you.</p>
<p>ONLYOFFICE has a plugin that can read out the text for you.</p>
<ol>
<li>Select the text to be read out.</li>
<li>Switch to the <b>Plugins</b> tab and choose <img alt="Speech plugin icon" src="../images/speech.png" /> <b>Speech</b>.</li>

View File

@ -15,7 +15,7 @@
</div>
<h1>Replace a word by a synonym</h1>
<p>
If you are using the same word multiple times, or a word is just not quite the word you are looking for, OnlyOffice let you look up synonyms.
If you are using the same word multiple times, or a word is just not quite the word you are looking for, ONLYOFFICE let you look up synonyms.
It will show you the antonyms too.
</p>
<ol>
@ -24,6 +24,7 @@
<li>The synonyms and antonyms will show up in the left sidebar.</li>
<li>Click a word to replace the word in your document.</li>
</ol>
<img class="gif" alt="Thesaurus plugin gif" src="../images/thesaurus_plugin.gif" width="600" />
</div>
</body>
</html>

View File

@ -21,11 +21,13 @@
</ol>
<p>The language of the selected text will be automatically detected and the text will be translated to the default language.</p>
<img class="gif" alt="Translator plugin gif" src="../images/translator_plugin.gif" width="600" />
<h3>To change the language of your result:</h3>
<h3>Changing the language of your result:</h3>
<ol>
<li>Click the lower drop-down box and choose the preferred language.</li>
</ol>
<p>The translation will change immediately.</p>
<h3>Wrong detection of the source language</h3>
<p>If the automatic detection is not correct, you can overrule it:</p>
<ol>

View File

@ -14,14 +14,16 @@
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Upload a document to Wordpress</h1>
<p>You can write your articles in your OnlyOffice environment and upload them as a Wordpress-article.</p>
<p>You can write your articles in your ONLYOFFICE environment and upload them as a Wordpress-article.</p>
<h2>Connect to Wordpress</h2>
<ol>
<li>Open your document.</li>
<li>Switch to the <b>Plugins</b> tab and choose <img alt="Wordpress plugin icon" src="../images/wordpress.png" /> <b>Wordpress</b>.</li>
<li>Log in into your Wordpress account and choose the website page you want to post your document on.</li>
<li>Enter a title for your article.</li>
<li>Click <b>Publish</b> to publish immediatly or <b>Save as draft</b> to publish later from your WordPress site or app.</li>
</ol>
<img class="gif" alt="Wordpress plugin gif" src="../images/wordpress_plugin.gif" width="600" />
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 455 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 852 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 302 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 276 KiB

View File

@ -14,7 +14,7 @@
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Insert highlighted code</h1>
<p>You can embed highlighted code with the already adjusted style in accordance with the programming language and coloring style of the programm you have chosen.</p>
<p>You can embed highlighted code with the already adjusted style in accordance with the programming language and coloring style of the program you have chosen.</p>
<ol>
<li>Go to your presentation and place the cursor at the location where you want to include the code.</li>
<li>Switch to the <b>Plugins</b> tab and choose <img alt="Highlight code plugin icon" src="../images/highlight.png" /> <b>Highlight code</b>.</li>
@ -22,6 +22,7 @@
<li>Select a <b>Style</b> of the code so that it appears as if it were open in this program.</li>
<li>Specify if you want to replace tabs with spaces.</li>
<li>Choose <b>Background color</b>. To do this, manually move the cursor over the palette or insert the <b>RBG</b>/<b>HSL</b>/<b>HEX</b> value.</li>
<li>Click <b>OK</b> to insert the code.</li>
</ol>
<img class="gif" alt="Highlight plugin gif" src="../images/highlight_plugin.gif" width="600" />
</div>

View File

@ -14,18 +14,40 @@
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Edit an image</h1>
<p>OnlyOffice comes with a very powerful <b>photo editor</b>, that allows you to adjust the image with filters and make all kinds of annotations.</p>
<p>ONLYOFFICE comes with a very powerful <b>photo editor</b>, that allows you to adjust the image with filters and make all kinds of annotations.</p>
<ol>
<li>Select an image in your presentation.</li>
<li>
Switch to the <b>Plugins</b> tab and choose <img alt="Photo Editor plugin icon" src="../images/photoeditor.png" /> <b>Photo Editor</b>.<br />
You are now in the editing environment.<br />
Below the image you will find the filters, some with a check-box only, some have sliders to adjust the filter.<br />
Below the filters you will find buttons for <b>Undo</b>, <b>Redo</b> and <b>Resetting</b> your adjustments and buttons to add annotations, cropping, rotating etc.<br />
You are now in the editing environment.
<ul>
<li>
Below the image you will find the following checkboxes and slider filters:
<ul>
<li><b>Grayscale</b>, <b>Sepia</b>, <b>Sepia 2</b>, <b>Blur</b>, <b>Emboss</b>, <b>Invert</b>, <b>Sharpen</b>;</li>
<li><b>Remove White</b> (<em>Threshhold</em>, <em>Distance</em>), <b>Gradient transparency</b>, <b>Brightness</b>, <b>Noise</b>, <b>Pixelate</b>, <b>Color Filter</b>;</li>
<li><b>Tint</b>, <b>Multiply</b>, <b>Blend</b>.</li>
</ul>
</li>
<li>
Below the filters you will find buttons for
<ul>
<li><b>Undo</b>, <b>Redo</b> and <b>Resetting</b>;</li>
<li><b>Delete</b>, <b>Delete all</b>;</li>
<li><b>Crop</b> (<em>Custom</em>, <em>Square</em>, <em>3:2</em>, <em>4:3</em>, <em>5:4</em>, <em>7:5</em>, <em>16:9</em>);</li>
<li><b>Flip</b> (<em>Flip X</em>, <em>Flip Y</em>, <em>Reset</em>);</li>
<li><b>Rotate</b> (<em>30 degree</em>, <em>-30 degree</em>,<em>Manual rotation slider</em>);</li>
<li><b>Draw</b> (<em>Free</em>, <em>Straight</em>, <em>Color</em>, <em>Size slider</em>);</li>
<li><b>Shape</b> (<em>Recrangle</em>, <em>Circle</em>, <em>Triangle</em>, <em>Fill</em>, <em>Stroke</em>, <em>Stroke size</em>);</li>
<li><b>Icon</b> (<em>Arrows</em>, <em>Stars</em>, <em>Polygon</em>, <em>Location</em>, <em>Heart</em>, <em>Bubble</em>, <em>Custom icon</em>, <em>Color</em>);</li>
<li><b>Text</b> (<em>Bold</em>, <em>Italic</em>, <em>Underline</em>, <em>Left</em>, <em>Center</em>, <em>Right</em>, <em>Color</em>, <em>Text size</em>);</li>
<li><b>Mask</b>.</li>
</ul>
</li>
</ul>
Feel free to try all of these and remember you can always undo them.<br />
When finished:
<li>
Click the <b>OK</b> button.
When finished, click the <b>OK</b> button.
</li>
</ol>
<p>The edited picture is now included in the presentation.</p>

View File

@ -15,7 +15,7 @@
</div>
<h1>Replace a word by a synonym</h1>
<p>
If you are using the same word multiple times, or a word is just not quite the word you are looking for, OnlyOffice let you look up synonyms.
If you are using the same word multiple times, or a word is just not quite the word you are looking for, ONLYOFFICE let you look up synonyms.
It will show you the antonyms too.
</p>
<ol>
@ -24,6 +24,7 @@
<li>The synonyms and antonyms will show up in the left sidebar.</li>
<li>Click a word to replace the word in your presentation.</li>
</ol>
<img class="gif" alt="Thesaurus plugin gif" src="../images/thesaurus_plugin.gif" width="600" />
</div>
</body>
</html>

View File

@ -21,11 +21,13 @@
</ol>
<p>The language of the selected text will be automatically detected and the text will be translated to the default language.</p>
<img class="gif" alt="Translator plugin gif" src="../images/translator_plugin.gif" width="600" />
<h3>To change the language of your result:</h3>
<h3>Changing the language of your result:</h3>
<ol>
<li>Click the lower drop-down box and choose the preferred language.</li>
</ol>
<p>The translation will change immediately.</p>
<h3>Wrong detection of the source language</h3>
<p>If the automatic detection is not correct, you can overrule it:</p>
<ol>

Binary file not shown.

After

Width:  |  Height:  |  Size: 284 KiB

View File

@ -14,7 +14,7 @@
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Insert highlighted code</h1>
<p>You can embed highlighted code with the already adjusted style in accordance with the programming language and coloring style of the programm you have chosen.</p>
<p>You can embed highlighted code with the already adjusted style in accordance with the programming language and coloring style of the program you have chosen.</p>
<ol>
<li>Go to your spreadsheet and place the cursor at the location where you want to include the code.</li>
<li>Switch to the <b>Plugins</b> tab and choose <img alt="Highlight code plugin icon" src="../images/highlight.png" /> <b>Highlight code</b>.</li>
@ -22,6 +22,7 @@
<li>Select a <b>Style</b> of the code so that it appears as if it were open in this program.</li>
<li>Specify if you want to replace tabs with spaces.</li>
<li>Choose <b>Background color</b>. To do this, manually move the cursor over the palette or insert the <b>RBG</b>/<b>HSL</b>/<b>HEX</b> value.</li>
<li>Click <b>OK</b> to insert the code.</li>
</ol>
<img class="gif" alt="Highlight plugin gif" src="../images/highlight_plugin.gif" width="600" />
</div>

View File

@ -14,18 +14,40 @@
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Edit an image</h1>
<p>OnlyOffice comes with a very powerful <b>photo editor</b>, that allows you to adjust the image with filters and make all kinds of annotations.</p>
<p>ONLYOFFICE comes with a very powerful <b>photo editor</b>, that allows you to adjust the image with filters and make all kinds of annotations.</p>
<ol>
<li>Select an image in your spreadsheet.</li>
<li>
Switch to the <b>Plugins</b> tab and choose <img alt="Photo Editor plugin icon" src="../images/photoeditor.png" /> <b>Photo Editor</b>.<br />
You are now in the editing environment.<br />
Below the image you will find the filters, some with a check-box only, some have sliders to adjust the filter.<br />
Below the filters you will find buttons for <b>Undo</b>, <b>Redo</b> and <b>Resetting</b> your adjustments and buttons to add annotations, cropping, rotating etc.<br />
You are now in the editing environment.
<ul>
<li>
Below the image you will find the following checkboxes and slider filters:
<ul>
<li><b>Grayscale</b>, <b>Sepia</b>, <b>Sepia 2</b>, <b>Blur</b>, <b>Emboss</b>, <b>Invert</b>, <b>Sharpen</b>;</li>
<li><b>Remove White</b> (<em>Threshhold</em>, <em>Distance</em>), <b>Gradient transparency</b>, <b>Brightness</b>, <b>Noise</b>, <b>Pixelate</b>, <b>Color Filter</b>;</li>
<li><b>Tint</b>, <b>Multiply</b>, <b>Blend</b>.</li>
</ul>
</li>
<li>
Below the filters you will find buttons for
<ul>
<li><b>Undo</b>, <b>Redo</b> and <b>Resetting</b>;</li>
<li><b>Delete</b>, <b>Delete all</b>;</li>
<li><b>Crop</b> (<em>Custom</em>, <em>Square</em>, <em>3:2</em>, <em>4:3</em>, <em>5:4</em>, <em>7:5</em>, <em>16:9</em>);</li>
<li><b>Flip</b> (<em>Flip X</em>, <em>Flip Y</em>, <em>Reset</em>);</li>
<li><b>Rotate</b> (<em>30 degree</em>, <em>-30 degree</em>,<em>Manual rotation slider</em>);</li>
<li><b>Draw</b> (<em>Free</em>, <em>Straight</em>, <em>Color</em>, <em>Size slider</em>);</li>
<li><b>Shape</b> (<em>Recrangle</em>, <em>Circle</em>, <em>Triangle</em>, <em>Fill</em>, <em>Stroke</em>, <em>Stroke size</em>);</li>
<li><b>Icon</b> (<em>Arrows</em>, <em>Stars</em>, <em>Polygon</em>, <em>Location</em>, <em>Heart</em>, <em>Bubble</em>, <em>Custom icon</em>, <em>Color</em>);</li>
<li><b>Text</b> (<em>Bold</em>, <em>Italic</em>, <em>Underline</em>, <em>Left</em>, <em>Center</em>, <em>Right</em>, <em>Color</em>, <em>Text size</em>);</li>
<li><b>Mask</b>.</li>
</ul>
</li>
</ul>
Feel free to try all of these and remember you can always undo them.<br />
When finished:
<li>
Click the <b>OK</b> button.
When finished, click the <b>OK</b> button.
</li>
</ol>
<p>The edited picture is now included in the spreadsheet.</p>

View File

@ -15,7 +15,7 @@
</div>
<h1>Replace a word by a synonym</h1>
<p>
If you are using the same word multiple times, or a word is just not quite the word you are looking for, OnlyOffice let you look up synonyms.
If you are using the same word multiple times, or a word is just not quite the word you are looking for, ONLYOFFICE let you look up synonyms.
It will show you the antonyms too.
</p>
<ol>
@ -24,6 +24,7 @@
<li>The synonyms and antonyms will show up in the left sidebar.</li>
<li>Click a word to replace the word in your spreadsheet.</li>
</ol>
<img class="gif" alt="Thesaurus plugin gif" src="../images/thesaurus_plugin.gif" width="600" />
</div>
</body>
</html>

View File

@ -21,11 +21,13 @@
</ol>
<p>The language of the selected text will be automatically detected and the text will be translated to the default language.</p>
<img class="gif" alt="Translator plugin gif" src="../images/translator_plugin.gif" width="600" />
<h3>To change the language of your result:</h3>
<h3>Changing the language of your result:</h3>
<ol>
<li>Click the lower drop-down box and choose the preferred language.</li>
</ol>
<p>The translation will change immediately.</p>
<h3>Wrong detection of the source language</h3>
<p>If the automatic detection is not correct, you can overrule it:</p>
<ol>

Binary file not shown.

After

Width:  |  Height:  |  Size: 238 KiB