mirror of
https://github.com/ONLYOFFICE/onlyoffice.github.io.git
synced 2026-02-10 18:05:06 +08:00
109 lines
5.8 KiB
HTML
109 lines
5.8 KiB
HTML
<!--
|
||
(c) Copyright Ascensio System SIA 2020
|
||
|
||
Licensed under the Apache License, Version 2.0 (the "License");
|
||
you may not use this file except in compliance with the License.
|
||
You may obtain a copy of the License at
|
||
|
||
http://www.apache.org/licenses/LICENSE-2.0
|
||
|
||
Unless required by applicable law or agreed to in writing, software
|
||
distributed under the License is distributed on an "AS IS" BASIS,
|
||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
See the License for the specific language governing permissions and
|
||
limitations under the License.
|
||
-->
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Highligh code</title>
|
||
<script src="./vendor/jquery/jquery-3.7.1.min.js"></script>
|
||
<script src="vendor/select2-4.0.13/js/select2.js"></script>
|
||
<script type="text/javascript" src="https://onlyoffice.github.io/sdkjs-plugins/v1/plugins.js"></script>
|
||
<script type="text/javascript" src="https://onlyoffice.github.io/sdkjs-plugins/v1/plugins-ui.js"></script>
|
||
<link rel="stylesheet" href="https://onlyoffice.github.io/sdkjs-plugins/v1/plugins.css">
|
||
|
||
<script type="text/javascript">
|
||
if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
|
||
document.write("<script type='text\/javascript' src='scripts\/highlight_ie.js'><\/script>");
|
||
} else {
|
||
document.write("<script type='text\/javascript' src='vendor\/highlight\/highlight.min.js'><\/script>");
|
||
document.write("<script type='text\/javascript' src='vendor\/js-beautify-1.14.0\/beautify-css.js'><\/script>");
|
||
document.write("<script type='text\/javascript' src='vendor\/js-beautify-1.14.0\/beautify-html.js'><\/script>");
|
||
document.write("<script type='text\/javascript' src='vendor\/js-beautify-1.14.0\/beautify.js'><\/script>");
|
||
document.write("<script type='text\/javascript' src='vendor\/prettier\/standalone@2.3.2.js'><\/script>");
|
||
document.write("<script type='text\/javascript' src='vendor\/prettier\/parser-babel@2.3.2.js'><\/script>");
|
||
document.write("<script type='text\/javascript' src='vendor\/prettier\/parser-html@2.3.2.js'><\/script>");
|
||
document.write("<script type='text\/javascript' src='vendor\/prettier\/parser-markdown@2.3.2.js'><\/script>");
|
||
document.write("<script type='text\/javascript' src='vendor\/prettier\/parser-postcss@2.3.2.js'><\/script>");
|
||
document.write("<script type='text\/javascript' src='vendor\/prettier\/parser-typescript@2.3.2.js'><\/script>");
|
||
document.write("<script type='text\/javascript' src='vendor\/prettier\/plugin-php\/plugin-php.js'><\/script>");
|
||
document.write("<script type='text\/javascript' src='vendor\/xml-formatter\/xml-formatter.js'><\/script>");
|
||
document.write("<script type='text\/javascript' src='scripts\/highlight.js'><\/script>");
|
||
document.write("<script type='text\/javascript' src='vendor\/spectrum\/spectrum.js'><\/script>");
|
||
|
||
}
|
||
</script>
|
||
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
||
<link id = "style" rel="stylesheet" href="vendor/highlight/styles/googlecode.css">
|
||
<link rel="stylesheet" type="text/css" href="vendor/spectrum/spectrum.css">
|
||
<link rel="stylesheet" href="resources/css/plugin_style.css">
|
||
<link rel="stylesheet" href="vendor/select2-4.0.13/css/select2.css"/>
|
||
|
||
<script src="scripts/scrollable_div.js"></script>
|
||
</head>
|
||
<body spellcheck="false">
|
||
<div id="div_settings" class="settings noselect">
|
||
<div class="item-settings">
|
||
<label id="lb_lanuage" class="defaultlable">Language</label>
|
||
<select id="language_id"></select>
|
||
<button class = "button" id ="btn_highlight" style="width:10%;display:none;">Highlight</button>
|
||
</div>
|
||
<div class="item-settings">
|
||
<label id="lb_style" class="defaultlable">Style</label>
|
||
<select id="style_id">
|
||
<option value = "googlecode.css">Googlecode</option>
|
||
<option value = "github.css">GitHub</option>
|
||
<option value = "github-gist.css">GitHub Gist</option>
|
||
<option value = "androidstudio.css">Android Studio</option>
|
||
<option value = "vs.css">Visual Studio</option>
|
||
<option value = "vs2015.css">Visual Studio 2015</option>
|
||
<option value = "idea.css">Idea</option>
|
||
<option value = "qtcreator_dark.css">Qtcreator Dark</option>
|
||
<option value = "qtcreator_light.css">Qtcreator Light</option>
|
||
<option value = "xcode.css">XCode</option>
|
||
<option value = "far.css">Fortran</option>
|
||
<option value = "foundation.css">Foundation</option>
|
||
<option value = "xml_1.css">XML 1</option>
|
||
<option value = "xml_2.css">XML 2</option>
|
||
</select>
|
||
</div>
|
||
<div id="tabselect" class="item-settings">
|
||
<label id="lb_repTab" class="defaultlable">Tab replace</label>
|
||
<select id="tab_replace_id">
|
||
<option id="opt_DontRep" value="0">Use tabs</option>
|
||
<option id="opt_2sp" value="2">2 spaces</option>
|
||
<option id="opt_4sp" value="4">4 spaces</option>
|
||
</select>
|
||
</div>
|
||
<div id="colorselect" class="item-settings">
|
||
<label id="lb_bgColor" for="background_color" class="label defaultlable">Background</label>
|
||
<input id="background_color" class="btn-text-default" style="padding: 0; width: 100%;" type="color" value="#ffffff">
|
||
<input type='text' style="display: none; padding: 0" id="jq_color"/>
|
||
</div>
|
||
<div class="item-settings">
|
||
<label id="lb_font" class="defaultlable">Font settings</label>
|
||
<div style="display: flex;">
|
||
<select id="fonts"></select>
|
||
<input id="font_size" type="number" max="300" min="1" value="14" class="form-control" style="margin-left: 5px;">
|
||
</div>
|
||
</div>
|
||
<div class="item-settings">
|
||
<label id="lb_format" class="defaultlable"> </label>
|
||
<button id="btn_format" class="btn-text-default" title="Available only for the following languages: xml, javascript, typescript, css, markdown, json, php, html.">Format</button>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |