mirror of
https://github.com/ONLYOFFICE/web-apps.git
synced 2026-07-25 02:05:59 +08:00
40 lines
3.2 KiB
HTML
40 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Icons</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="Insert and customize thousands of vector icons in ONLYOFFICE Docs editors" />
|
|
<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>Icons</h1>
|
|
<p>In the <a href="https://www.onlyoffice.com/en/document-editor.aspx?utm_source=helpcenter&utm_medium=article&utm_campaign=document-editor"><b>Document Editor</b></a>, <a href="https://www.onlyoffice.com/en/spreadsheet-editor.aspx?utm_source=helpcenter&utm_medium=article&utm_campaign=spreadsheet-editor"><b>Spreadsheet Editor</b></a>, <a href="https://www.onlyoffice.com/en/presentation-editor.aspx?utm_source=helpcenter&utm_medium=article&utm_campaign=presentation-editor"><b>Presentation Editor</b></a>, and <a href="https://www.onlyoffice.com/en/pdf-editor.aspx?utm_source=helpcenter&utm_medium=article&utm_campaign=pdf-editor"><b>PDF Editor</b></a>, you can insert and customize thousands of vector icons using the <span class="icon icon-icons_icon"></span> <b>Icons</b> plugin. The plugin is based on the <a href="https://fontawesome.com" target="_blank">Font Awesome</a> library. Please refer to the <a href="https://github.com/ONLYOFFICE/onlyoffice.github.io/tree/master/sdkjs-plugins/content/icons" target="_blank">GitHub page</a> of the plugin to learn more.</p>
|
|
<p class="note">Starting with ONLYOFFICE Docs 8.2, no plugins come with the editors by default. The plugins shall be installed via the <span class="icon icon-plugin_manager"></span> <a href="https://helpcenter.onlyoffice.com/docs/userguides/plugins/PluginManager.aspx" target="_blank"><b>Plugin Manager</b></a>.</p>
|
|
<ol>
|
|
<li>Switch to the <b>Plugins</b> tab and choose <div class="icon icon-icons_icon"></div> <b>Icons</b>.</li>
|
|
<li>Find the icon you want to insert either via the <b>Category</b> drop-down menu or using the <b>Search</b> field.</li>
|
|
<li>
|
|
Select the desired icon style: <b>Regular</b>, <b>Solid</b>, or <b>Brands</b>.
|
|
<p><img alt="ONLYOFFICE Icons plugin interface" src="../images/Icons-plugin.png" /></p>
|
|
</li>
|
|
<li>Select the icon and click <b>Insert</b>.</li>
|
|
</ol>
|
|
|
|
<h5 class="pt8">Customizing inserted icons</h5>
|
|
<p>Once an icon is inserted, you can customize it using the <b>Shape settings</b> menu on the right-side panel:</p>
|
|
<ul>
|
|
<li>Change the size of the icon.</li>
|
|
<li>Change the color of the icon.</li>
|
|
<li>Adjust the style and shape.</li>
|
|
<li>Convert the icon to a shape for further editing.</li>
|
|
</ul>
|
|
</div>
|
|
</body>
|
|
</html> |