view .cms/man/ru_RU.UTF-8/codemirror.html @ 0:78edf6b517a0 draft

24.10
author Coffee CMS <info@coffee-cms.ru>
date Fri, 11 Oct 2024 22:40:23 +0000
parents
children
line wrap: on
line source

<!doctype html>
<html lang="ru">

    <head>
        <meta charset="utf-8">
        <title>Справка по редактору Codemirror</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <link rel="stylesheet" href="/man/css/prism.css">
        <link rel="stylesheet" href="/man/css/styles.css">
        <style>
            .codemirror-keys {
                display: grid;
                grid-template-columns: max-content  auto;
                column-gap: 0.5cm;
                row-gap: 0.3cm;
            }
            .codemirror-keys kbd {
                display: inline-block;
                background-color: white;
                padding: 3px 7px 3px 7px;
                border-radius: 2px;
                border: 1px solid #7e7e7e;
            }
            .codemirror-keys > div > span {
                display: inline-block;
                padding: 3px 7px 3px 7px;
                border-radius: 2px;
                border: 1px solid transparent;
            }

        </style>
    </head>

    <body>
        <main>

            <h2>Codemirror</h2>

            <p>Редактор текстов страниц называется Codemirror и ознакомиться с полным его функционалом можно в официальной документации <a target=_blank href="https://codemirror.net/5/doc/manual.html">https://codemirror.net/5/doc/manual.html</a></p>

            <h2>Комбинации клавиш</h2>

            <div class="codemirror-keys">
                <div><kbd>Ctrl</kbd> + <kbd>F</kbd></div>                    <div><span>Поиск</span></div>
                <div><kbd>Ctrl</kbd> + <kbd>G</kbd></div>                    <div><span>Искать следующее вхождение</span></div>
                <div><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>G</kbd></div> <div><span>Искать предыдущее вхождение</span></div>
                <div><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>F</kbd></div> <div><span>Заменить</span></div>
                <div><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd></div> <div><span>Заменить все</span></div>
            </div>

        </main>
        <script src=/man/js/prism.js></script>
    </body>
</html>