Инструменты панели редактирования статьи

Для создания статей в Базе знаний используется визуальный редактор FroalaВ приложении "База знаний и тестирование" к стандартному функционалу редактора Froala был добавлен ряд уникальных доработок. Кастомные функции редактора в Базе знаний: вставка Google документов, вставка файла с Битрикс24 диска, спойлер, код с подсветкой синтаксиса и все то, что касается создания тестов. 

Рассмотрим возможности редактора. 

Ниже представлена инструкция по редактированию статьей в приложении БЗ и расписаны все инструменты панели редактирования.

Чтобы увидеть панель инструментов редактирования статьи необходимо создать статью или открыть для редактирования уже существующую статью. После открытия редактора статьи вы можете использовать инструкции ниже для работы с доступными инструментами при создании статей.




Иконка Действие над текстом Пример
Сделать текст жирным Жирный шрифт
Сделать текст курсивным Курсивный шрифт
Сделать текст подчеркнутыми Подчеркнутый текст
Сделать текст зачеркнутым Зачеркнутый текст
Поставить нижний индекс Нижний индекс
Поставить верхний индекс Верхний индекс
Выбрать шрифт текста Arial
Georgia
Impact
Выбрать размер текста Разный размер текста
Выбрать цвет текста Цвет текста
Выбрать межстрочный интервал
Выбрать встроенный стиль  Встроенный стиль 1
Встроенный стиль 2
Встроенный стиль 3
Выбрать стиль абзаца
Выбрать формат абзаца, с помощью этой функции можно создать оглавление статьи, по которому будет удобно перемещаться между разными частями статьи. Подробнее об оглавлении статьи в инструкции по ссылке
Выровнять текст по интересующей характеристике
Создать нумерованный список
Создать маркированный список
Изменить отступы
Цитировать текст 
Вставить ссылку на текст
Вставить ссылку на уже существующую в Базе знаний статью

При нажатии на иконку открывается дерево Базы знаний, где можно провалиться в необходимый раздел и автоматически создать ссылку на статью, нажав на название статьи


Вставить изображение

Вы можете добавлять изображения в статьи с вашего устройства, Битрикс Диска или по ссылке из интернета. После вставки изображения в статью по клику на него вы можете дополнительно его настроить: выбрать положение в тексте и стиль изображения, добавить подпись и альтернативный текст, вшить ссылку, заменить или удалить изображение, а также изменить его размер. 
Вставить видео

Видео можно встроить в статью с помощью ссылки, html-кода для вставки, а также с помощью загрузки видеофайла с устройства. 

Видео из YouTube и RuTube можно вставить с помощью ссылки и через HTML-код. VK Видео, Дзен Видео и Видео Mail.ru - только через HTML-код. Вставить видео из Vimeo пока нет возможности.  

При добавлении видео в Базу знаний с компьютера поддерживаются следующие форматы файлов: mp4, webm, ogg и mp3. 

Обратите внимание, что просмотр видео в полноэкранном режиме доступен только в том случае, если База знаний открыта в новом (отдельном) окне

Загрузить файл

Обратите внимание, что существует ограничение по размеру файлов, загружаемых в статью Базы знаний.  Максимально допустимый размер файлов: 30MB для изображений, 100MB для видео и 200MB для файлов.

Любой загруженный в Базу знаний файл можно как просматривать, так и скачивать. Если вам необходимо, чтобы определенная информация была доступна только для администраторов или ограниченного числа сотрудников, предлагаем настроить соответствующие права доступа к статье и/или разделу.  


Вставить таблицу

При работе с таблицами можно копировать и вставлять строки и столбцы через действия с ячейкой. Вкладка действий открывается при нажатии на ячейку.
Вставить Google документ

Есть возможность вставить в статью Google документ, а также Google презентацию, Google таблицу и Google формы. При их загрузке не нужно будет переходить на сторонние ресурсы, все файлы будут открываться в самой статье. Подробнее тут.
Вставить формулу

Формулы добавляются в разметке latex - это специальная система для верстки, особенно научных и технических документов. Посмотреть все символы и то, как они выглядят можно на этом сайте.
Вставить файл с Битрикс диска

Если файл на Битрикс Диске изменен, его обновленное содержимое автоматически отразится в статье. Например: добавили в статью Excel-файл с Битрикс Диска, изменили его на Диске — в статье он обновится без повторного прикрепления.


Вставить спойлер
Создать задачу
Вставить рисунок

Добавляет окно для создания рисунка со следующими инструментами: 
1 - Выделить созданный элемент(-ы) рисунка;
2 - Инструменты для создания рисунка: кисть, линия, прямоугольник, овал, стрелка;
3 - Добавить подпись для рисунка;
4 - Отменить или вернуть действие;
5 - Очистить поле для создания рисунка;
6 - Удалить окно рисунка из статьи. 

Для инструментов создания рисунка можно настраивать толщину линии, цвет линии и цвет заполнения (заливки). 

Если потянуть за нижний правый угол окна с рисунком, можно отрегулировать высоту окна с рисунком. 

Чтобы сохранить созданный рисунок, необходимо просто сохранить саму статью. 

Вставить иконку

По клику на значок флажка панели инструментов редактора Froala откроется большой каталог иконок с полем для поиска по ним. После того, как вы вставили иконку в текст, вы можете изменить ее размер и цвет, а также при необходимо вшить ссылку. Подробнее
в инструкции. 
Полная очистка форматирования (очищает любые стили статьи, но не очищает вопросы и ответы тестов)
Вставить код с синтаксической подсветкой
Смайлики
Специальные символы
Вставить разделитель под текст
Выбрать весь текст
Отменить форматирование (очищает большую часть имеющихся стилей, но не очищает вопросы и ответы тестов)
Распечатать текущую статью
Скачать текущую статью в формате PDF 
Список сочетаний горячих клавиш для редактирования текста
Просмотр html-кода
Добавить в статью вопрос для тестирования 

Подробнее об этом функционале по ссылке 
Голосовой ввод текста
Вставить Google карту в статью
Отменить/вернуть действие
Развернуть/свернуть визуальный редактор на весь экран

Удобно, что при редактировании статей большого объема панель редактирования закрепляется (т.е. не нужно листать на самый верх, чтобы увидеть панель редактирования и воспользоваться ей, она всегда под рукой). 
Помощь GPT в написании и редактировании статьи
Изменить фон статьи
Фон статьи можно можно зациклить, тогда картинка фона не будет растягиваться, а будет повторяться


Комментарии