# Робоча область та перегляд [ToC] ## Режими роботи Зліва зверху є 3 режими: <i class="fa fa-pencil fa-fw"></i> — редактор коду. <i class="fa fa-eye fa-fw"></i> — візуальний результат. <i class="fa fa-columns fa-fw"></i> — режим перегляду редактора коду та візуального результату одночасно. Не працює на смартфоні. ## Режими редагування Справа знизу редактора коду є 3 режими редагування: [Sublime](https://codemirror.net/demo/sublime.html), [Emacs](https://codemirror.net/demo/emacs.html) та [Vim](https://codemirror.net/demo/vim.html). Різниця у гарячих клавішах за посиланнями. ## Темна тема Натисність на <i class="fa fa-moon-o fa-fw"></i> зліва зверху. Щоб повернути світлу тему, натисніть ще раз. ## Завантаження зображень Натисність на <i class="fa fa-camera fa-fw"></i> зліва зверху та виберіть зображення. Можна перетягнути зображення з робочого стола у редактор коду. Також можна вставити зображення з буферу обміну через `Ctrl + V`. ## Спільний доступ Щоб поділитися можливістю редагувати документ, скопіюйте посилання з редактора коду. Щоб надати лише можливість перегляду, натисність <i class="fa fa-share-square-o fa-fw"></i> **Опублікувати** та скопіюйте посилання сторінки, яка відкрилася. ## Імпорт та збереження документів З <i class="fa fa-clipboard fa-fw"></i> **Буферу обміну** можна вставити файл з кодом, який автоматично розпізнається. Завантажити файл на свій комп’ютер можна у форматах `HTML`, `PDF` та `Markdown`. Також можна скористатися утилітою Pandoc, яка знаходиться поруч з іншими форматами збереження. Вона дозволяє конвертувати файл у формати `Word`, `EPUB`, `RTF` та інші. ## Рівні доступу Рівні доступу знаходяться справа зверху документа. Змінювати може лише власник. Є 6 варіантів: | | <i class="fa fa-leaf fa-fw"></i> Freely | <i class="fa fa-pencil fa-fw"></i> Editable | <i class="fa fa-id-card fa-fw"></i> Limited | <i class="fa fa-lock fa-fw"></i> Locked | <i class="fa fa-umbrella fa-fw"></i> Protected | <i class="fa fa-hand-stop-o fa-fw"></i> Private | | ----------------------------------- | --------------------------------------- | ------------------------------------------- | ------------------------------------------- | --------------------------------------- | ---------------------------------------------- | ----------------------------------------------- | | Читання та редагування для власника | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Читання для зареєстрованого | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | | Редагування для зареєстрованого | ✅ | ✅ | ✅ | ❌ | ❌ | ❌ | | Читання для незареєстрованого | ✅ | ✅ | ❌ | ✅ | ❌ | ❌ | | Редагування для незареєстрованого | ✅ | ❌ | ❌ | ❌ | ❌ | ❌ | ## Вбудовування документу Створіть посилання на документ через тег `<iframe>`. Атрибут `width` — ширина, `height` — висота, а `src` — посилання. Щоб відобразити рамку, встановіть `frameborder="1"`, або `"0"`, щоб вимкнути. Приклад: ```! <iframe width="100%" height="500" src="https://content.hneu.edu.ua/s/features" frameborder="0"></iframe> ``` Як додати контент до ПНС, дивіться за [посиланням](https://content.hneu.edu.ua/s/ok6-78yRq "Додавання контенту до ПНС"). ## Режим презентації Як створювати презентації, дивіться за [посиланням](https://content.hneu.edu.ua/s/s9vy_MdJ4 "Створення презентації"). ## Зміст Щоб відобразити зміст у самому документі, напишіть `[ToC]`. У <i class="fa fa-eye fa-fw"></i> **Режимі перегляду** зміст знаходиться з правої сторони документа. У <i class="fa fa-columns fa-fw"></i> **Спільному режимі** зміст знаходиться у кнопці <i class="fa fa-bars fa-fw"></i> справа знизу. Зміст відображає заголовки трьох рівнів. ## Посилання на заголовок Кожний заголовок має посилання. Наведіть на заголовок, натисніть на <i class="fa fa-link fa-fw"></i> та скопіюйте посилання у адресному рядку.