|
0
|
1 <!doctype html>
|
|
|
2 <html lang="ru">
|
|
|
3
|
|
|
4 <head>
|
|
|
5 <meta charset="utf-8">
|
|
|
6 <title>Справка по редактору Codemirror</title>
|
|
|
7 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
|
8 <link rel="stylesheet" href="/man/css/prism.css">
|
|
|
9 <link rel="stylesheet" href="/man/css/styles.css">
|
|
|
10 <style>
|
|
|
11 .codemirror-keys {
|
|
|
12 display: grid;
|
|
|
13 grid-template-columns: max-content auto;
|
|
|
14 column-gap: 0.5cm;
|
|
|
15 row-gap: 0.3cm;
|
|
|
16 }
|
|
|
17 .codemirror-keys kbd {
|
|
|
18 display: inline-block;
|
|
|
19 background-color: white;
|
|
|
20 padding: 3px 7px 3px 7px;
|
|
|
21 border-radius: 2px;
|
|
|
22 border: 1px solid #7e7e7e;
|
|
|
23 }
|
|
|
24 .codemirror-keys > div > span {
|
|
|
25 display: inline-block;
|
|
|
26 padding: 3px 7px 3px 7px;
|
|
|
27 border-radius: 2px;
|
|
|
28 border: 1px solid transparent;
|
|
|
29 }
|
|
|
30
|
|
|
31 </style>
|
|
|
32 </head>
|
|
|
33
|
|
|
34 <body>
|
|
|
35 <main>
|
|
|
36
|
|
|
37 <h2>Codemirror</h2>
|
|
|
38
|
|
|
39 <p>Редактор текстов страниц называется Codemirror и ознакомиться с полным его функционалом можно в официальной документации <a target=_blank href="https://codemirror.net/5/doc/manual.html">https://codemirror.net/5/doc/manual.html</a></p>
|
|
|
40
|
|
|
41 <h2>Комбинации клавиш</h2>
|
|
|
42
|
|
|
43 <div class="codemirror-keys">
|
|
|
44 <div><kbd>Ctrl</kbd> + <kbd>F</kbd></div> <div><span>Поиск</span></div>
|
|
|
45 <div><kbd>Ctrl</kbd> + <kbd>G</kbd></div> <div><span>Искать следующее вхождение</span></div>
|
|
|
46 <div><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>G</kbd></div> <div><span>Искать предыдущее вхождение</span></div>
|
|
|
47 <div><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>F</kbd></div> <div><span>Заменить</span></div>
|
|
|
48 <div><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd></div> <div><span>Заменить все</span></div>
|
|
|
49 </div>
|
|
|
50
|
|
|
51 </main>
|
|
|
52 <script src=/man/js/prism.js></script>
|
|
|
53 </body>
|
|
|
54 </html>
|
