mirror of
https://github.com/ONLYOFFICE/onlyoffice.github.io.git
synced 2026-02-10 18:05:06 +08:00
66 lines
2.6 KiB
HTML
66 lines
2.6 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>Get and paste html</title>
|
|
<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='vendor\/prettier\/standalone@2.3.2.js'><\/script>");
|
|
document.write("<script type='text\/javascript' src='vendor\/prettier\/parser-html@2.3.2.js'><\/script>");
|
|
}
|
|
</script>
|
|
<script src="vendor/codemirror/codemirror.js"></script>
|
|
<script src="vendor/codemirror/xml.js"></script>
|
|
<link rel="stylesheet" href="vendor/codemirror/codemirror.css">
|
|
<link rel="stylesheet" href="vendor/codemirror/bespin.css">
|
|
<script src="scripts/code.js"></script>
|
|
<style>
|
|
html, body {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
button {
|
|
color: #fff;
|
|
background-color: #7d858c;
|
|
border: 1px solid #cfcfcf;
|
|
border-radius: 2px;
|
|
outline: none;
|
|
font-size: 11px;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
height: 22px;
|
|
cursor: pointer;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body id="body" style="max-height: calc(100% - 40px); max-width: calc(100% - 20px);">
|
|
<div id="div_main" style="height: calc(100% - 50px);">
|
|
<!-- <textarea id="main" spellcheck="false"></textarea> -->
|
|
<div id="main" style="border:1px solid black; height:100%"></div>
|
|
</div>
|
|
<div style="display:flex; justify-content: center; margin: 15px;">
|
|
<button id="btn_paste" class="btn-text-default">Paste into the document</button>
|
|
</div>
|
|
<div style="display:flex; justify-content: center; margin-bottom:10px;">
|
|
<button id="btn_copy" class="btn-text-default">Copy</button>
|
|
<button id="btn_clear" class="btn-text-default">Clear</button>
|
|
</div>
|
|
</body>
|
|
</html> |