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" / >
< / div >
< / body >
< / html >