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


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

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


Задать стили текста

Выбрать размер и цвет текста, cделать текст жирным, подчеркнутым и т.п., добавить заголовки статьи, поставить верхний/нижний индекс, выбрать шрифт, установить стиль и формат абзаца. С помощью формата абзаца "Заголовок" можно создать оглавление статьи, по которому будет удобно перемещаться между разными частями статьи. Подробнее об оглавлении статьи в инструкции по ссылке


Также можно задать выравнивание и отступы от края. 



Создать список 

Позволяет создать нумерованный или маркированный список. 



Вставить ссылку


Вставить ссылку на статью

Позволяет вставить ссылку на существующую статью в Базе знаний.

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


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

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



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

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



Вставить видео

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

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

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

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



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

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

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


Загрузить файлМаксимально допустимый размер файла (30MB для изображений, 100MB для видео и 200MB для файлов)


Если в статью был загружен pdf файл, то после сохранения статьи (в режиме просмотра статьи) подгруженный файл можно будет свернуть/развернуть для просмотра, нажав на его название. 


В окне просмотра PDF файла есть возможность производить поиск по файлу, переключаться между страницами, раскрыть файл на все окно, скачать и распечатать файл. 




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


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



Вставить Google документ




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


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

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

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

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

В сохраненной статье готовый рисунок выглядит так, как указано на скрине ниже. 





Добавить в статью вопрос для тестирования

Подробнее об этом функционале по ссылке 






Дополнительно 


Отменить или вернуть совершенное действие


Развернуть визуальный редактор на весь экран


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


Открыть список горячих клавиш


Посмотреть HTML-код статьи


Вставить формулу

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




Вставить что-нибудь с Битрикс Диска




Вставить спойлер




Создать задачу 


Настроить межстрочный интервал


Распечатать статью


Выгрузить статью из Базы знаний в формате pdf 


Использовать голосовой ввод 



Вставить Google карту в статью


Отменить форматирование


Вставить смайлы, разделители и специальные символы




Выделить все



Вставить код с синтаксической подсветкой


Вставить ссылку на статью 




Предпросмотр статьи 

Если статьи свернуты, а мы хотим развернуть не все статьи, а какую-то определенную, то нужно нажать на закрытую книжку рядом с названием статьи. 

Чтобы развернуть содержимое всех статей раздела, нажимаем левой кнопкой мыши на иконку книжки напротив заголовка "Статьи (количество статей)". 



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

1. Свернуть все статьи
2. Свернуть какую-то определенную статью. 



Переключение между версиями визуального редактора 

Есть возможность переключаться между новой и старой версией Froala в настройках приложения, доступных администраторам портала или администраторам Базы Знаний. Версии редактора не отличаются по функционалу, но в новой версии были исправлены некоторые баги и добавлен ряд улучшений. Особенно рекомендуем использовать новую версию тем, кто создает статьи с копипастой из MS Word.