This repository was archived by the owner on Sep 27, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 11
Expand file tree
/
Copy pathindex.html
More file actions
105 lines (96 loc) · 4.96 KB
/
index.html
File metadata and controls
105 lines (96 loc) · 4.96 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!--
(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="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="vendor/select2-4.0.6-rc.1/dist/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">
<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.6-rc.1/dist/css/select2.css"/>
<script src="vendor/highlight/highlight.min.js"></script>
<script src="vendor/js-beautify-1.14.0/beautify-css.js"></script>
<script src="vendor/js-beautify-1.14.0/beautify-html.js"></script>
<script src="vendor/js-beautify-1.14.0/beautify.js"></script>
<script src="vendor/prettier/standalone@2.3.2.js"></script>
<script src="vendor/prettier/parser-babel@2.3.2.js"></script>
<script src="vendor/prettier/parser-html@2.3.2.js"></script>
<script src="vendor/prettier/parser-markdown@2.3.2.js"></script>
<script src="vendor/prettier/parser-postcss@2.3.2.js"></script>
<script src="vendor/prettier/parser-typescript@2.3.2.js"></script>
<script src="vendor/prettier/plugin-php/plugin-php.js"></script>
<script src="vendor/xml-formatter/xml-formatter.js"></script>
<script src="scripts/code.js"></script>
<script src="scripts/scrollable_div.js"></script>
<script type="text/javascript" src="vendor/spectrum/spectrum.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>