web-apps/apps/documenteditor/main/resources/help/en/UsageInstructions/HighlightedCode.htm

31 lines
2 KiB
HTML
Raw Normal View History

2020-11-13 13:35:26 +00:00
<!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 documents" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
2022-03-21 00:34:33 +00:00
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
2020-11-13 13:35:26 +00:00
<script type="text/javascript" src="../callback.js"></script>
<script type="text/javascript" src="../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>
2021-04-30 13:51:49 +00:00
<p>In the <a href="https://www.onlyoffice.com/en/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Document 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>
2020-11-13 13:35:26 +00:00
<ol>
<li>Go to your document and place the cursor at the location where you want to include the code.</li>
2022-03-21 00:34:33 +00:00
<li>Switch to the <b>Plugins</b> tab and choose <div class = "icon icon-highlight"></div> <b>Highlight code</b>.</li>
2020-11-13 13:35:26 +00:00
<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>
2021-04-30 13:51:49 +00:00
<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>
2020-11-13 13:35:26 +00:00
<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" />
2020-11-13 13:35:26 +00:00
</div>
</body>
</html>