Learn how to add more plugins to the editors in your cloud service or ONLYOFFICE Personal using Chrome extensions.

The pre-installed plugin set extends the functionality of <a href="https://www.onlyoffice.com/office-suite.aspx?utm_source=blog&#038;utm_medium=social&#038;utm_campaign=ChromeExtensions" rel="noopener noreferrer" target="_blank">ONLYOFFICE editors</a>, for example, you can quickly edit a picture right in the doc, or find synonyms of a word. Would like to add even more new plugins to your ONLYOFFICE cloud service? Read the article to learn how to do it.
<a href="https://wpblogpost.teamlab.info//2019/07/how-to-add-new-plugins-in-onlyoffice-cloud-service-using-chrome-extensions/"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-13097" src="https://static-blog.onlyoffice.com/wp-content/uploads/2019/07/onlyoffice_plugins_chrome-extension.jpg" alt="onlyoffice_plugins_chrome extension" width="634" height="320" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2019/07/onlyoffice_plugins_chrome-extension.jpg 634w, https://static-blog.onlyoffice.com/wp-content/uploads/2019/07/onlyoffice_plugins_chrome-extension-300x151.jpg 300w" sizes="(max-width: 634px) 100vw, 634px" /></a>

<div style="color: #333; font-size: 12pt; margin: 36px 0 16px; font-weight: bold;">Pre-installed plugins in ONLYOFFICE</div>
A plugin in ONLYOFFICE is an easy way to add new features to the editors. Currently, the following plugins are available by default:
<ul>
<li>ClipArt allows adding images from the clip-art collection into your document.</li>
<li>Highlight code allows highlighting syntax of the code selecting the necessary language, style, background color.</li>
<li>OCR allows recognizing text on the picture and insert it into the document.</li>
<li>PhotoEditor allows editing images: crop, resize, apply effects, etc.</li>
<li>Speech allows converting the selected text into speech.</li>
<li>Symbol Table allows inserting various special symbols.</li>
<li>Thesaurus allows searching for word synonyms and antonyms and replacing it with the selected one.</li>
<li>Translator allows translating the selected text into other languages.</li>
<li>YouTube allows embedding YouTube videos into your document.</li>
<li>WordPress allows publishing articles directly from the document editor on the WordPress website.</li>
<li>EasyBib allows generating citations and creating bibliographies in documents.</li>
</ul>
The WordPress and EasyBib plugins can be used if you connect the corresponding services in the portal settings. You can refer to the following instructions for the <a href="https://helpcenter.onlyoffice.com/server/windows/community/authorization-keys.aspx" target="_blank" rel="noopener noreferrer">server versions</a>, or for the <a href="https://helpcenter.onlyoffice.com/tipstricks/authorization-keys-saas.aspx" target="_blank" rel="noopener noreferrer">SaaS version</a>.
<div style="color: #333; font-size: 12pt; margin: 36px 0 16px; font-weight: bold;">Additional plugins</div>
Along with the pre-installed set, you can also add more plugins to ONLYOFFICE editors. Open <a href="https://github.com/ONLYOFFICE/sdkjs-plugins/tree/master/examples" target="_blank" rel="noopener noreferrer">this folder</a> on GitHub and find other plugin examples. Among those, there is an <a href="https://github.com/ONLYOFFICE/sdkjs-plugins/tree/master/examples/example_autocomplete" target="_blank" rel="noopener noreferrer">Autocomplete plugin</a> that can help users type faster.
Surely, you can also build and integrate your own plugins using our detailed <a href="https://api.onlyoffice.com/plugin/basic" target="_blank" rel="noopener noreferrer">API documentation</a>.
Users of the desktop and server versions can <a href="https://api.onlyoffice.com/plugin/installation" target="_blank" rel="noopener noreferrer">manually add</a> additional plugins to the editors.
If you’re a user of the <a href="https://www.onlyoffice.com/cloud-office.aspx?utm_source=blog&amp;utm_medium=link&amp;utm_campaign=plugin_chrome_extension" target="_blank" rel="noopener noreferrer">cloud service</a> or <a href="https://personal.onlyoffice.com/?utm_source=blog&amp;utm_medium=link&amp;utm_campaign=plugin_chrome_extension" target="_blank" rel="noopener noreferrer">ONLYOFFICE Personal</a> (or both at once) and need any other plugin apart from those in the pre-installed set, you can easily add it to the editors as a Chrome extension.
<div style="color: #333; font-size: 12pt; margin: 36px 0 16px; font-weight: bold;">Integrating new plugins in Cloud Service and ONLYOFFICE Personal</div>
We’ll show you how to do it using the example of the Chess plugin.
Step 1. On your computer, create a main folder for all the extension files.
Then, create a subfolder with the plugin files and name it as the future extension (in our example, you can download all necessary Chess plugin files from <a href="https://github.com/ONLYOFFICE/sdkjs-plugins/tree/master/examples/chess" target="_blank" rel="noopener noreferrer">GitHub</a>).
Step 2. Add the <a href="https://github.com/ONLYOFFICE/sdkjs-plugins/blob/master/examples/chrome_extension_example/manifest.json" target="_blank" rel="noopener noreferrer">manifest.json file</a> and the <a href="https://github.com/ONLYOFFICE/sdkjs-plugins/blob/master/examples/chrome_extension_example/main.js" target="_blank" rel="noopener noreferrer">main.js file</a> to the main folder.
For the Chess plugin, you’ll also need to add the <a href="https://github.com/ONLYOFFICE/sdkjs-plugins/blob/master/pluginBase.js" target="_blank" rel="noopener noreferrer">pluginBase.js</a> and <a href="https://github.com/ONLYOFFICE/sdkjs-plugins/blob/master/plugins.css" target="_blank" rel="noopener noreferrer">plugins.css</a> files to the main extension folder.
Step 3. Launch your Chrome browser and go to chrome://extensions/.
Turn on the Developer mode and click the Load unpacked button.
Select the created main extension folder:
<a href="https://static-blog.onlyoffice.com/wp-content/uploads/2019/07/onlyoffice_add_plugin_as_a_chrome_extension.png"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-13098" src="https://static-blog.onlyoffice.com/wp-content/uploads/2019/07/onlyoffice_add_plugin_as_a_chrome_extension-1024x490.png" alt="onlyoffice_add_plugin_as_a_chrome_extension" width="640" height="306" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2019/07/onlyoffice_add_plugin_as_a_chrome_extension-1024x490.png 1024w, https://static-blog.onlyoffice.com/wp-content/uploads/2019/07/onlyoffice_add_plugin_as_a_chrome_extension-300x144.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2019/07/onlyoffice_add_plugin_as_a_chrome_extension.png 1224w" sizes="(max-width: 640px) 100vw, 640px" /></a>
You’ll see that the new extension is now available in your browser:
<a href="https://static-blog.onlyoffice.com/wp-content/uploads/2019/07/onlyoffice_plugin_chess_chrome_extension.png"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-13099" src="https://static-blog.onlyoffice.com/wp-content/uploads/2019/07/onlyoffice_plugin_chess_chrome_extension.png" alt="onlyoffice_plugin_chess_chrome_extension" width="331" height="187" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2019/07/onlyoffice_plugin_chess_chrome_extension.png 331w, https://static-blog.onlyoffice.com/wp-content/uploads/2019/07/onlyoffice_plugin_chess_chrome_extension-300x169.png 300w" sizes="(max-width: 331px) 100vw, 331px" /></a>
Step 4. Launch your ONLYOFFICE and open any document to check if the new plugin is available in the editors:
<a href="https://static-blog.onlyoffice.com/wp-content/uploads/2019/07/onlyoffice_chess_plugin_as_chrome_extension.png"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-13100" src="https://static-blog.onlyoffice.com/wp-content/uploads/2019/07/onlyoffice_chess_plugin_as_chrome_extension-1024x579.png" alt="onlyoffice_chess_plugin_as_chrome_extension" width="640" height="362" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2019/07/onlyoffice_chess_plugin_as_chrome_extension-1024x579.png 1024w, https://static-blog.onlyoffice.com/wp-content/uploads/2019/07/onlyoffice_chess_plugin_as_chrome_extension-300x170.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2019/07/onlyoffice_chess_plugin_as_chrome_extension.png 1305w" sizes="(max-width: 640px) 100vw, 640px" /></a>
<div style="color: #333; font-size: 12pt; margin: 36px 0 16px; font-weight: bold;">Useful links</div>
Detailed instruction on how to add new plugins in ONLYOFFICE server solutions. <a href="https://dzone.com/articles/extending-the-onlyoffice-online-editors-functional" target="_blank" rel="noopener noreferrer">Read our article on Dzone &gt;&gt;</a>
Official API documentation on plugins. <a href="https://api.onlyoffice.com/plugin/basic" target="_blank" rel="noopener noreferrer">Learn more &gt;&gt;</a>
All the currently existing open source plugin examples. <a href="https://github.com/ONLYOFFICE/sdkjs-plugins" target="_blank" rel="noopener noreferrer">Visit GitHub &gt;&gt;</a>
Description of the Plugins tab in ONLYOFFICE editors. <a href="https://helpcenter.onlyoffice.com/onlyoffice-editors/onlyoffice-document-editor/ProgramInterface/PluginsTab.aspx" target="_blank" rel="noopener noreferrer">Go to the Help Center &gt;&gt;</a>

How to add new plugins in ONLYOFFICE Cloud Service using Chrome extensions

Recent posts

How Mailhappen uses ONLYOFFICE for event organization

Use ONLYOFFICE macro to obtain and insert detailed address information

How ONLYOFFICE’s reseller Dhorde provides clients with a better document collaboration solution