onlyoffice-api-test/index.html at master · K0R0L/onlyoffice-api-test · GitHub

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
<!DOCTYPE html>
<html style="height: 100%;">

<head>
    <title>ONLYOFFICE Api Documentation</title>
  	<script src="./monaco.js"></script>
</head>

<body style="padding:0px;margin:0px;width:100%;height:100%;overflow:hidden;">
	<div id="interactive" style="position:absolute;margin:0px;padding:0px;left:0px;top:0px;width:30%;height:100%;">
		<div id="header" style="position:absolute;margin:0px;padding:0px;left:0px;top:0px;width:100%;height:40px;">
			<button id="runButton" style="position:absolute;margin:0px;padding:0px;left:10px;top:10px;width:40px;height:40px;">Run</button>
			<select name="editor_types" id="editor_types" style="position:absolute;margin:0px;padding:0px;left:100px;top:10px;height:20px;">
				<option value="word">word</option>
				<option value="cell">cell</option>
				<option value="slide">slide</option>
			</select>
			<select name="editor_func" id="editor_func" style="position:absolute;margin:0px;padding:0px;left:170px;top:10px;height:20px;">
				<option value="office-js-api">office-js-api</option>
				<option value="connector">connector</option>
				<option value="plugin">plugin</option>
			</select>

			<select name="editor_modes" id="editor_modes" style="position:absolute;margin:0px;padding:0px;left:290px;top:10px;height:20px;">
				<option value="desktop">desktop</option>
				<option value="mobile">mobile</option>
				<option value="embedded">embedded</option>
			</select>
			<select name="editor_themes" id="editor_themes" style="position:absolute;margin:0px;padding:0px;left:290px;top:40px;height:20px;">
				<option value="light">light</option>
				<option value="dark">dark</option>
			</select>
			<select name="editor_langs" id="editor_langs" style="position:absolute;margin:0px;padding:0px;left:290px;top:70px;height:20px;">
				<option value="en">en</option>
				<option value="de">de</option>
				<option value="fr">fr</option>
				<option value="es">es</option>
				<option value="pt">pt</option>
				<option value="ru">ru</option>
				<option value="zh">zh</option>
				<option value="ja">ja</option>
				<option value="ko">ko</option>
			</select>

		</div>
		<!--<textarea id="text" style="position:absolute;margin:0px;padding:0px;left:10px;top:100px;right:10px;height:20px;resize:none;"></textarea>-->
		<div id="codeWrapper" style="position:absolute;margin:0px;padding:0px;left:10px;top:100px;right:10px;bottom:10px;">
		</div>
	</div>
    <div id="editor" style="position:absolute;margin:0px;padding:0px;left:30%;top:0px;width:70%;height:100%;">
    </div>

    <script type="text/javascript" src="https://doc-linux.teamlab.info/web-apps/apps/api/documents/api.js"></script>
	<script type="text/javascript" src="code.js"></script>
</body>

</html>