mirror of
https://github.com/ONLYOFFICE/web-apps.git
synced 2026-07-25 02:43:06 +08:00
31 lines
2.2 KiB
HTML
31 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Insert highlighted code</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="The description of Hightlight code plugin for ONLYOFFICE editors, which allows to embed code with the already adjusted style into presentations" />
|
|
<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>Insert highlighted code</h1>
|
|
<p>In the <a target="_blank" href="https://www.onlyoffice.com/en/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>, 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>
|
|
<p class="note">Starting with ONLYOFFICE Docs 8.2, no plugins come with the editors by default. The plugins shall be installed via <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/Editors-User-Guides/AllEditors/Plugin-manager.aspx" target="_blank">Plugin Manager</a>.</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 <div class="icon icon-highlight"></div> <b>Highlight code</b>.</li>
|
|
<li>Specify the programming <b>Language</b>.</li>
|
|
<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>RGB</b>/<b>HSL</b>/<b>HEX</b> value.</li>
|
|
<li>Click <b>OK</b> to insert the code.</li>
|
|
</ol>
|
|
</div>
|
|
</body>
|
|
</html> |