mirror of
https://github.com/ONLYOFFICE/onlyoffice.github.io.git
synced 2026-02-10 18:05:06 +08:00
173 lines
5.8 KiB
HTML
173 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>synonim</title>
|
||
<script src="vendor/jquery/jquery-3.7.1.min.js"></script>
|
||
<link rel="stylesheet" href="vendor/select2-4.0.13/css/select2.css"/>
|
||
<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 src="scripts/langTool.js"></script>
|
||
<link rel="stylesheet" href="resources/css/plugin_style.css">
|
||
|
||
</head>
|
||
<style>
|
||
.details {
|
||
display:none;
|
||
margin: 8px 12px 0 12px;
|
||
width: calc(100% - 24px) !important;
|
||
}
|
||
.arrow_container {
|
||
display:flex;
|
||
margin-right: 8px;
|
||
}
|
||
.arrow {
|
||
align-self: center;
|
||
}
|
||
.caption_text {
|
||
width: 90%;
|
||
margin: 0 4px 17px 4px;
|
||
}
|
||
.dismiss_buttons {
|
||
margin: 14px 0 16px 0;
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
.display-none {
|
||
display: none;
|
||
}
|
||
.separator {
|
||
margin-bottom: 4px;
|
||
width: calc(100% - 24px) !important;
|
||
margin: 0 12px 0 12px;
|
||
}
|
||
#button_wrapper {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
.btn-text-default {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
#check {
|
||
width:40%;
|
||
margin-left: 12px;
|
||
margin-top: 12px;
|
||
text-align: center;
|
||
}
|
||
#replace {
|
||
float: right;
|
||
width:40%;
|
||
margin-right: 12px;
|
||
margin-top: 12px;
|
||
text-align: center;
|
||
}
|
||
.replacment {
|
||
border-color: #009900 !important;
|
||
}
|
||
i {
|
||
border: solid black;
|
||
border-width: 0 1px 1px 0;
|
||
display: inline-block;
|
||
padding: 2px;
|
||
}
|
||
.down {
|
||
transform: rotate(45deg);
|
||
-webkit-transform: rotate(45deg);
|
||
margin-top: -20px;
|
||
}
|
||
.up {
|
||
transform: rotate(-135deg);
|
||
-webkit-transform: rotate(-135deg);
|
||
margin-top: -14px;
|
||
}
|
||
.ps__rail-y {
|
||
cursor: default !important;
|
||
}
|
||
.miniText {
|
||
margin: 0 4px 17px 4px;
|
||
width: 90%;
|
||
}
|
||
.unselectable {
|
||
-webkit-touch-callout: none; /* iOS Safari */
|
||
-webkit-user-select: none; /* Chrome/Safari/Opera */
|
||
-khtml-user-select: none; /* Konqueror */
|
||
-moz-user-select: none; /* Firefox */
|
||
-ms-user-select: none; /* Internet Explorer/Edge */
|
||
user-select: none; /* Non-prefixed version, currently
|
||
not supported by any browser */
|
||
}
|
||
#textarea:empty:not(:focus):before{
|
||
content:attr(data-text);
|
||
color: gray;
|
||
}
|
||
#flex-loader-container {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 150px;
|
||
height: 50px;
|
||
border: none;
|
||
background-image: none;
|
||
background-color: rgba(68, 68, 68, 0.95);
|
||
color: #f1f1f1;
|
||
border-radius: 6px;
|
||
}
|
||
.hidden {
|
||
display: none !important;
|
||
}
|
||
|
||
</style>
|
||
<body class='body' style="margin: 0; display: flex; flex-direction: column;">
|
||
<div id="loader-container" class="asc-plugin-loader display-none">
|
||
<div id="flex-loader-container">
|
||
<div>
|
||
<div class="asc-loader-image">
|
||
<div class="asc-loader-title"></div>
|
||
</div>
|
||
<div class="asc-loader-title i18n">
|
||
Checking...
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="div_language" style="margin: 0px 12px 0px 12px;">
|
||
<div style="margin: 16px 0 4px 0; font-weight: normal !important;">
|
||
<label class="i18n">Language</label>
|
||
</div>
|
||
<select id="language_id" style="width: 100%;" class="select_example"></select>
|
||
</div>
|
||
<div id="hide_show" style="margin: 12px 14px 4px 0px;">
|
||
<label id="clear" class="unselectable i18n" style="float: right; border-bottom: var(--scaled-one-pixel, 1px) dotted rgba(255, 255, 255, 0.8); cursor: pointer;">Clear</label>
|
||
</div>
|
||
<div id="enter_container" class="form-control" style="cursor: text; position: relative; margin: 0px 12px 0px 12px; min-height: 100px; max-height: 45%; height: fit-content;">
|
||
<div id="textarea" contenteditable="true" data-text="Select the text to check in the document or enter it manually" style="white-space: pre-wrap !important; min-width: 95%; max-width: 95%; height: fit-content; padding: 0px 15px 5px 3px; outline: none; white-space: normal; float: left; word-wrap: break-word;" ></div>
|
||
</div>
|
||
<div id="button_wrapper">
|
||
<div onсlick="" id="check" class="noselect btn-text-default i18n" style="height: auto; min-height: 20px;">Check</div>
|
||
<div onсlick="" id="replace" class="noselect btn-text-default i18n" style="height: fit-content; min-height: 20px;">Insert to document</div>
|
||
</div>
|
||
<div class="separator horizontal" style="width: calc(100% - 24px); margin: 12px 0 12px 12px;"></div>
|
||
<div id="scrollable-container-id" style="position: relative; width: 100%; height: 70%; overflow: hidden ">
|
||
<div id="result" style="width: calc(100% - 24px); margin: 0px 12px 0px 12px; word-break: break-word; display: flex; flex-flow: column;"></div>
|
||
</div>
|
||
</body>
|
||
</html> |