Добро пожаловать в сервис
«База знаний» от ХайХаба!
Что такое База знаний?
База знаний — онлайн-хранилище полезной информации в компании.
База знаний поможет упорядочить всю накопленную информацию и систематизировать ее хранение.
Содержимое Базы может быть любым — от внутренних регламентов до полезных статей.
База знаний поможет упорядочить всю накопленную информацию и систематизировать ее хранение.
Содержимое Базы может быть любым — от внутренних регламентов до полезных статей.
Оформление главной страницы Базы знаний
Главная страница Базы знаний наполнена основными разделами.
Стандартное левое меню в Базе знаний
Меню у Администратора
- Обновления — новые и изменённые материалы
- Избранное — сохранённые статьи для быстрого доступа
- Глоссарий — словарь терминов
- Ознакомиться — материалы, требующие прочтения
- Разделы — структура базы знаний (выпадающий список)
- Черновики — неопубликованные материалы
- Архив — устаревшие документы
- Нейро Хайбот — AI-помощник
- Аналитика — статистика использования
- Корзина — удалённые элементы
- Помощь — справочная информация
- Задать вопрос администратору — обратная связь
- Скрипты — готовые сценарии (выпадающий список)
- Шаблоны — заготовки документов
- Информеры — список созданных информеров
Меню у Пользователей
- Обновления — новые и изменённые материалы
- Избранное — сохранённые статьи для быстрого доступа
- Глоссарий — словарь терминов
- Ознакомиться — материалы, требующие прочтения
- Разделы — структура базы знаний (выпадающий список)
- Нейро Хайбот — AI-помощник
- Аналитика — статистика использования
- Помощь — справочная информация
- Задать вопрос администратору — обратная связь
- Скрипты — готовые сценарии (выпадающий список)
Управление и настройка меню
Для настройки левого меню нажмите кнопку «Настройка меню».
Путем перетаскивания определите порядок пунктов меню. Вы можете скрыть некоторые пункты и даже добавить новые.
Формируйте уникальное левое меню, подходящее каждому пространству — добавьте важные ссылки на внутренние и внешние ресурсы, управляйте иконками, а также создавайте раскрывающийся список меню для упрощения навигации.
Возможный вариант настроенного левого меню:
Для настройки левого меню нажмите кнопку «Настройка меню».
Путем перетаскивания определите порядок пунктов меню. Вы можете скрыть некоторые пункты и даже добавить новые.
Формируйте уникальное левое меню, подходящее каждому пространству — добавьте важные ссылки на внутренние и внешние ресурсы, управляйте иконками, а также создавайте раскрывающийся список меню для упрощения навигации.
Возможный вариант настроенного левого меню:
Приглашение пользователей
ВАЖНО! При установке приложения в Битриксе происходит автоматическая синхронизация орг. структуры и должностей. Приглашать пользователей дополнительно не нужно.
Если определенного пользователя нет в списке Инструменты — «Пользователи» внутри ХайХаба, ему необходимо войти в приложение «База знаний» из своего аккаунта в Битриксе. После успешной авторизации вся информация о пользователе появится автоматически.
Если определенного пользователя нет в списке Инструменты — «Пользователи» внутри ХайХаба, ему необходимо войти в приложение «База знаний» из своего аккаунта в Битриксе. После успешной авторизации вся информация о пользователе появится автоматически.
Чтобы поддерживать актуальность в ХайХабе, добавили ручное управление синхронизацией в Инструменты — «Пользователи пространства».
Если в среде Битрикс24 вашей компании произошли изменения, эта кнопка сделает информацию в ХайХабе актуальной. Повторная синхронизация позволит удалить из пространства уволенных сотрудников и добавить профили недавно появившихся. Кроме того, обновятся измененные в организационной структуре данные.
Если в среде Битрикс24 вашей компании произошли изменения, эта кнопка сделает информацию в ХайХабе актуальной. Повторная синхронизация позволит удалить из пространства уволенных сотрудников и добавить профили недавно появившихся. Кроме того, обновятся измененные в организационной структуре данные.
Прежде чем начать работу с сервисом, пригласите пользователей на странице Инструменты — Администратор — Приглашение:
Управление ролями
Роли в Базе знаний:
Создатель — обладает правами администратора во всех пространствах и во всех сервисах. Ролью создатель обладает только один человек.
Администратор Базы знаний — обладает правами администратора в том сервисе ХайХаба, в котором назначена роль. Права администратора распространяются только в том пространстве, где была выдана данная роль.
Редактор Базы знаний — обладает правами редактора, может редактировать все разделы и статьи в пространстве, а так же удалять их и создавать новые.
Пользователь — сотруднику с данной ролью доступны просмотр статей и разделов в Базе знаний,
Чтобы выдать роль пользователю в определенном сервисе определенного пространства, необходимо нажать на кнопку Меню управления — Инструменты — Администратор — Управление ролями. Ограничений на кол-во выдаваемых ролей в ХайХабе нет.
Создатель — обладает правами администратора во всех пространствах и во всех сервисах. Ролью создатель обладает только один человек.
Администратор Базы знаний — обладает правами администратора в том сервисе ХайХаба, в котором назначена роль. Права администратора распространяются только в том пространстве, где была выдана данная роль.
Редактор Базы знаний — обладает правами редактора, может редактировать все разделы и статьи в пространстве, а так же удалять их и создавать новые.
Пользователь — сотруднику с данной ролью доступны просмотр статей и разделов в Базе знаний,
Чтобы выдать роль пользователю в определенном сервисе определенного пространства, необходимо нажать на кнопку Меню управления — Инструменты — Администратор — Управление ролями. Ограничений на кол-во выдаваемых ролей в ХайХабе нет.
Пространства
Если есть необходимость создания нескольких обособленных Баз знаний для разных отделов или проектов, используйте пространства. Это поможет вам удобно разграничить доступ к информации, а сотрудникам ориентироваться в вашей корпоративной Базе знаний.
Важно! Создание пространств доступно для Администратора Общего пространства в ХайХабе
Важно! Создание пространств доступно для Администратора Общего пространства в ХайХабе
Создание пространства
Инструменты — Администратор — Рабочие пространства — Создать рабочее пространство
Инструменты — Администратор — Рабочие пространства — Создать рабочее пространство
Приглашение пользователя в пространство
Переключитесь на пространство, в которое Вы хотите пригласить сотрудников.
Для приглашения сотрудника необходимо обладать правами Администратора Всех сервисов или Администратором Главной в выбранном пространстве. Изначально Администратором является пользователь, который создал пространство.
Только создатель общего пространства в ХайХабе автоматически добавляется во все новые пространства и является в них Администратором.
Чтобы перейти на страницу: Инструменты — Администратор — Пользователи пространства
Переключитесь на пространство, в которое Вы хотите пригласить сотрудников.
Для приглашения сотрудника необходимо обладать правами Администратора Всех сервисов или Администратором Главной в выбранном пространстве. Изначально Администратором является пользователь, который создал пространство.
Только создатель общего пространства в ХайХабе автоматически добавляется во все новые пространства и является в них Администратором.
Чтобы перейти на страницу: Инструменты — Администратор — Пользователи пространства
2. Выберите пользователей, которых Вы хотите добавить.
Поиск возможен как по Фамилии и Имени, так и по почте сотрудника.
Обратите внимание: В списке доступны только пользователи, которые существуют в Общем пространстве.
Если у приглашенного сотрудника в списке доступных пространств появилось то, куда вы его приглашали, то всё хорошо :)
Поиск возможен как по Фамилии и Имени, так и по почте сотрудника.
Обратите внимание: В списке доступны только пользователи, которые существуют в Общем пространстве.
Если у приглашенного сотрудника в списке доступных пространств появилось то, куда вы его приглашали, то всё хорошо :)
Создание разделов и подразделов
Чтобы создать новый раздел в Базе знаний, нажмите кнопку «Добавить раздел» на главной странице Базы знаний или в уже созданном разделе.
Если необходимо создать подраздел, в поле «Родительский раздел» выберите раздел, в который будет входить создаваемый раздел.
Создание статей
Вы можете вставлять тексты из Microsoft Word и Excel с сохранением форматирования. Просто используйте штатный функционал (Ctrl+C и Ctrl+V). Редактор предложит очистить или оставить исходное форматирование.
Читать подробнее про возможности редакторов: здесь
Дополнительные возможности:
Читать подробнее про возможности редакторов: здесь
Дополнительные возможности:
Теги. Объедините по тегам все статьи на одну тему. По нажатию на тег вы увидите все соответствующие статьи. Доступен также поиск по тегам.
Ответственные. Список сотрудников, ответственных за статью. Ответственным сотрудникам приходят уведомления о новых комментариях к статье, о предложениях к изменению статьи
Срок активности статьи. Установите срок, в который статья актуальна. После завершения периода статья автоматически переместится в Архив.
Статус. Для статей разного вида существуют три статуса:
Формат данных «Таблица» позволяет загружать простые таблицы Excel для фильтрации и сортировки в теле статьи.
Ответственные. Список сотрудников, ответственных за статью. Ответственным сотрудникам приходят уведомления о новых комментариях к статье, о предложениях к изменению статьи
Срок активности статьи. Установите срок, в который статья актуальна. После завершения периода статья автоматически переместится в Архив.
Статус. Для статей разного вида существуют три статуса:
- «Опубликовано» — статус по умолчанию. Статья видна пользователям.
- «Черновик» — статья видна только редактору (в левом меню, в пункте «Черновики»).
- "Архив" - статья не видна пользователям и находится в Архиве (в левом меню, в пункте «Архив»)
Формат данных «Таблица» позволяет загружать простые таблицы Excel для фильтрации и сортировки в теле статьи.
Настройка доступов к разделам и статьям
По умолчанию у пользователей с ролью Администратор пространства имеется полный доступ ко всем данным в пространстве. У пользователей с ролью Администратор Базы знаний есть полный доступ к содержимому базы знаний в пространстве, где выдана роль Администратор Базы знаний. У пользователей с ролью Редактор есть права на просмотр и редактирование статей и разделов в пространстве. Пользователи с ролью Пользователь имеют доступ к файлам только в режиме просмотра.
Вы можете выдать/запретить дополнительные доступы к статье, подразделу и разделу.
ВНИМАНИЕ!
При запрете/выдаче дополнительного доступа к разделу, пользователь не имеет доступа/получает доступ ко всем подразделам и статьям, входящим в раздел.
При запрете/выдаче дополнительного доступа к подразделу, пользователь не имеет доступа/получает доступ ко всем статьям, входящим в подраздел.
Доступ можно выдать на роль в пространстве, конкретному пользователю или подразделению.
Для настройки доступов к разделу/подразделу перейдите в нужный раздел/подраздел и нажмите кнопку «Доступ».
ВНИМАНИЕ!
При запрете/выдаче дополнительного доступа к разделу, пользователь не имеет доступа/получает доступ ко всем подразделам и статьям, входящим в раздел.
При запрете/выдаче дополнительного доступа к подразделу, пользователь не имеет доступа/получает доступ ко всем статьям, входящим в подраздел.
Доступ можно выдать на роль в пространстве, конкретному пользователю или подразделению.
Для настройки доступов к разделу/подразделу перейдите в нужный раздел/подраздел и нажмите кнопку «Доступ».
В открывшемся окне «Настройка доступа» выберите группу, на которую будет распространяться выдаваемый доступ:
— Роль — пользователи обладают определенной ролью (администратор, редактор, пользователь);
— Отдел — пользователи, состоящие в определенном отделе орг. структуры;
— Пользователь — выбор конкретного пользователя.
В соответствие с выбранной группой заполните поля «Роль», «Отдел» или «Пользователи».
Выберите тип выдаваемого доступа:
— Полный доступ — чтение, редактирование, удаление, управление доступами;
— Редактирование — чтение, редактирование, удаление;
— Просмотр — чтение.
Затем в поле «Разрешение/Запрет» установите разрешение или запрет на действия для выбранных пользователей и нажмите кнопку «Добавить».
— Роль — пользователи обладают определенной ролью (администратор, редактор, пользователь);
— Отдел — пользователи, состоящие в определенном отделе орг. структуры;
— Пользователь — выбор конкретного пользователя.
В соответствие с выбранной группой заполните поля «Роль», «Отдел» или «Пользователи».
Выберите тип выдаваемого доступа:
— Полный доступ — чтение, редактирование, удаление, управление доступами;
— Редактирование — чтение, редактирование, удаление;
— Просмотр — чтение.
Затем в поле «Разрешение/Запрет» установите разрешение или запрет на действия для выбранных пользователей и нажмите кнопку «Добавить».
Пример:
Для того, чтобы дать доступ одному или нескольким отделам, необходимо сначала закрыть доступ всем пользователям, а потом открыть доступ отделам.
Последовательность выдачи доступов на изображениях ниже:
Для того, чтобы дать доступ одному или нескольким отделам, необходимо сначала закрыть доступ всем пользователям, а потом открыть доступ отделам.
Последовательность выдачи доступов на изображениях ниже:
Нейро Хайбот в Базе знаний
Одно из самых ожидаемых нововведений — интеграция AI-инструментов в Базу знаний. Теперь статьи можно не только читать, но и мгновенно получать их краткое содержание (summary) с помощью искусственного интеллекта. Это экономит время и помогает быстрее погрузиться в тему и зафиксировать основные тезисы.
Кроме того, в Базе знаний появился нейропоиск — умный поиск ответов нейросетью. Он понимает запросы и помогает находить релевантные материалы даже при неточном формулировании.
Кроме того, в Базе знаний появился нейропоиск — умный поиск ответов нейросетью. Он понимает запросы и помогает находить релевантные материалы даже при неточном формулировании.
Диалог с Нейро Хайботом
Бот на основе искусственного интеллекта найдет ответ, опираясь на ваши статьи в Базе знаний, и выдаст ссылку на найденный материал.
Для чат-бота доступно два режима работы:
1) На основе вашей Базы знаний (использует информацию только из нее)
2) На основе YandexGPT (использует данные нейросети)
Важно!
Бот учитывает ролевую модель, а также настройки доступов.
Информация в вашей Базе знаний остается конфиденциальной. Нейросеть не будет ее использовать в рамках других пространств или ответов для сторонних пользователей.
Для чат-бота доступно два режима работы:
1) На основе вашей Базы знаний (использует информацию только из нее)
2) На основе YandexGPT (использует данные нейросети)
Важно!
Бот учитывает ролевую модель, а также настройки доступов.
Информация в вашей Базе знаний остается конфиденциальной. Нейросеть не будет ее использовать в рамках других пространств или ответов для сторонних пользователей.
AI-анализ. Summary статей
AI-анализ — это краткое содержание статей.
Технология обрабатывает информацию и выделяет основные тезисы из большого объема.
Технология обрабатывает информацию и выделяет основные тезисы из большого объема.
Настройка AI. Как включить у себя в пространстве?
(для Администратора)
(для Администратора)
По умолчанию ИИ в пространствах отключен.
Для того, чтобы включить, перейдите в «Инструменты» -> «Администратор» или по прямой ссылке.
Для того, чтобы включить, перейдите в «Инструменты» -> «Администратор» или по прямой ссылке.
Шаблоны в Базе знаний
Шаблоны — это заготовки для статей. Они помогают не набирать текст каждый раз заново, а использовать готовую структуру.
Как создать шаблон
Если у вас есть статья, которую вы хотите использовать как образец для других:
Как создать шаблон
Если у вас есть статья, которую вы хотите использовать как образец для других:
- Перейдите в режим создания или редактирования статьи.
- Наполните статью нужным текстом, структурой и тегами.
- Нажмите кнопку «Сохранить как шаблон».
- Готово! Теперь эта заготовка доступна вам для повторного использования.
Где хранятся шаблоны
Все ваши сохраненные шаблоны находятся на отдельной странице «Шаблоны». Там вы можете их просмотреть или управлять ими.
Все ваши сохраненные шаблоны находятся на отдельной странице «Шаблоны». Там вы можете их просмотреть или управлять ими.
Как создать статью из шаблона
Если вы хотите начать новую статью на основе готовой заготовки:
Если вы хотите начать новую статью на основе готовой заготовки:
- Начните создание новой статьи.
- Нажмите кнопку «Выбрать шаблон».
- Выберите подходящий шаблон из списка.
- Статья автоматически заполнится содержанием шаблона, и вы сможете её редактировать.
Обновления в Базе знаний
Обновления — список статей, которые ни разу не были просмотрены пользователем после создания или обновления.
Глоссарий
С помощью раздела «Глоссарий» пользователь может найти объяснения специфических терминов и понятий, используемых в тексте или документе. Глоссарий помогает пользователям лучше понять материалы, облегчает восприятие информации и повышает точность обсуждений, особенно в специализированных областях.
Для создания нового термина, перейдите в раздел «Глоссарий» в левом меню Базы знаний. Нажмите кнопку «Добавить термин» в правом верхнем углу экрана.
Для создания нового термина, перейдите в раздел «Глоссарий» в левом меню Базы знаний. Нажмите кнопку «Добавить термин» в правом верхнем углу экрана.
Расширенный и быстрый поиск
Быстрый поиск
В правой части экрана в легком доступе есть поиск по статьям и разделам базы знаний. Поиск производится по названию, содержимому, тегам и прикрепленным файлам.
В правой части экрана в легком доступе есть поиск по статьям и разделам базы знаний. Поиск производится по названию, содержимому, тегам и прикрепленным файлам.
Расширенный поиск
В расширенный поиск можно попасть при вводе поискового запроса и нажатии Enter, а так же при нажатии значка фильтра рядом со строкой поиска. Поиск позволяет отфильтровать результаты, ограничить поиск по пространству или разделам.
При поиске по файлам результат попадает в выдачу, если:
1) поисковой запрос найден в названии файла
2) поисковой запрос найден в содержимом файла (внутри документа .doc, .xls, .pdf и другие)
В расширенный поиск можно попасть при вводе поискового запроса и нажатии Enter, а так же при нажатии значка фильтра рядом со строкой поиска. Поиск позволяет отфильтровать результаты, ограничить поиск по пространству или разделам.
При поиске по файлам результат попадает в выдачу, если:
1) поисковой запрос найден в названии файла
2) поисковой запрос найден в содержимом файла (внутри документа .doc, .xls, .pdf и другие)
Обязательность прочтения статьи
Функционал обязательности прочтения статей покрывает автоматизацию рассылки регламентов и фиксацию ознакомления.
Для того, чтобы назначить статью обязательной к прочтению, необходимо обладать правами Администратора или Редактора.
Доступно несколько видов назначения на прочтение:
По департаменту — статья отправится в «Ознакомиться» всем сотрудникам данного департамента;
По должности — всем сотрудникам на этой должности;
По сотруднику — определенному сотруднику.
Для того, чтобы назначить статью обязательной к прочтению, необходимо обладать правами Администратора или Редактора.
Доступно несколько видов назначения на прочтение:
По департаменту — статья отправится в «Ознакомиться» всем сотрудникам данного департамента;
По должности — всем сотрудникам на этой должности;
По сотруднику — определенному сотруднику.
Уведомление: после назначения статьи обязательной к прочтению, каждому сотруднику придет уведомление о том, что ему необходимо ознакомиться со статьей.
Пользователям Битрикс24 придет уведомление в чат-бот «ХайБот» со ссылкой на раздел «Ознакомиться».
Пользователям Битрикс24 придет уведомление в чат-бот «ХайБот» со ссылкой на раздел «Ознакомиться».
После назначения статья появится в левой вкладке «Ознакомиться».
Сотрудник должен пометить статью, как прочитанную.
Дополнительно Администратор и Редактор смогут увидеть динамику ознакомления со статьей.
Уведомления для сотрудников в ХайХабе
Всем пользователям ХайХаба отправляются письма на почту с уведомлением о новых событиях.
В среду Битрикс24 автоматически встраивается чат-бот «ХайБот». При появлении важного для пользователя уведомления ХайБот направит личное сообщение на портале, например, об обновлениях в статьях, обязательности ознакомления, отметке в комментариях и др. Работает на всех тарифах. Уведомления приходят также из сервисов «Оценка персонала» и «Тестирование».
В среду Битрикс24 автоматически встраивается чат-бот «ХайБот». При появлении важного для пользователя уведомления ХайБот направит личное сообщение на портале, например, об обновлениях в статьях, обязательности ознакомления, отметке в комментариях и др. Работает на всех тарифах. Уведомления приходят также из сервисов «Оценка персонала» и «Тестирование».
Информеры
Помимо статей, в Базу знаний можно добавлять информеры.
Информеры можно интегрировать в статьи — это может быть текст, сайт, видео с внешних ресурсов и т. д.
Информер — это мини-статья в статье. Если вы редактируете содержание информера, оно автоматически изменяется во всех статьях, в которых используется информер. В режиме редактирования вы можете найти сниппеты в соответствующем разделе меню.
Добавить информер в статью/описание раздела можно при их создании или редактировании. В поле содержимого статьи в редакторе или описании раздела нажмите «Вставить контент».
Права на просмотр информера: информеры имеют свою систему прав и при просмотре статьи, в которую вставлен информер, они учитываются.
Как это можно использовать?
Если у Вас есть необходимость закрыть часть информации в статье от пользователей и сделать ее ограниченной к просмотру — можно использовать для этого контент.
Информеры можно интегрировать в статьи — это может быть текст, сайт, видео с внешних ресурсов и т. д.
Информер — это мини-статья в статье. Если вы редактируете содержание информера, оно автоматически изменяется во всех статьях, в которых используется информер. В режиме редактирования вы можете найти сниппеты в соответствующем разделе меню.
Добавить информер в статью/описание раздела можно при их создании или редактировании. В поле содержимого статьи в редакторе или описании раздела нажмите «Вставить контент».
Права на просмотр информера: информеры имеют свою систему прав и при просмотре статьи, в которую вставлен информер, они учитываются.
Как это можно использовать?
Если у Вас есть необходимость закрыть часть информации в статье от пользователей и сделать ее ограниченной к просмотру — можно использовать для этого контент.
В открывшемся окне выберите из списка нужный вам информер/контент. В списке рядом с названием «Сниппеты» есть значок с изображением глаза — при нажатии на него будет доступен предпросмотр.
Журналирование
В Базе знаний предусмотрена удобная и простая система учёта всех действий, произведенных в приложении — например, создание или изменение статей и разделов.
Для перехода к журналированию нажмите на кнопку Меню — Инструменты — Администратор — Журналирование.
Для перехода к журналированию нажмите на кнопку Меню — Инструменты — Администратор — Журналирование.
Возможности редактирования статей в Базе знаний
В Базе знаний доступно два инструмента для написания статей: Froala и Editor.js. Вы можете выбрать тот, который удобнее именно вам.
В чем разница?
В чем разница?
- Froala — это классический редактор. Он похож на Microsoft Word: панель инструментов находится сверху, что удобно для привычного форматирования текста (жирный, курсив, ссылки).
- Editor.js — это блочный редактор. Здесь каждый элемент (заголовок, абзац, картинка, список) — это отдельный блок. Такой формат удобнее для четкого структурирования контента, он делает статью более аккуратной и современной.
Froala WYSIWYG-редактор
Froala — это классический визуальный редактор текста. Если вы когда-либо пользовались Microsoft Word или Google Docs, вы сразу поймете, как он работает.
Основные особенности:
Когда выбирать Froala: этот редактор подойдет вам, если вы цените привычный интерфейс и хотите быстро форматировать текст без ограничений по блокам. Он идеален для написания заметок, писем и статей со сложным оформлением.
Основные особенности:
- Панель инструментов: все кнопки для форматирования (жирный, курсив, заголовки, списки) расположены сверху или появляются при выделении текста.
- Свободное форматирование: вы можете менять стиль текста в любом месте, как на обычном листе бумаги.
- Медиа: удобная вставка изображений, таблиц и ссылок через понятное меню.
Когда выбирать Froala: этот редактор подойдет вам, если вы цените привычный интерфейс и хотите быстро форматировать текст без ограничений по блокам. Он идеален для написания заметок, писем и статей со сложным оформлением.
Панель инструментов
Редактор содержит множество инструментов для оформления текста. Ниже приведено описание каждой кнопки на панели инструментов.
1. Форматирование текста
Эти кнопки меняют начертание выделенного текста.
2. Стили и шрифты
Настройки внешнего вида текста.
3. Структура и выравнивание
Управление расположением текста на странице.
4. Вставка элементов
Добавление медиа и специальных объектов в статью.
5. Сервис и инструменты
Вспомогательные функции редактора.
Совет: Большинство кнопок имеют всплывающие подсказки. Наведите на них курсор, чтобы увидеть название и горячую клавишу.
Редактор содержит множество инструментов для оформления текста. Ниже приведено описание каждой кнопки на панели инструментов.
1. Форматирование текста
Эти кнопки меняют начертание выделенного текста.
- Жирный (Ctrl+B) — делает текст жирным.
- Курсив (Ctrl+I) — выделяет текст наклоном.
- Подчеркнутый (Ctrl+U) — подчеркивает текст линией.
- Зачеркнутый (Ctrl+S) — перечеркивает текст (часто используется для правок).
- Нижний индекс — помещает текст ниже основной строки (например, для формул H₂O).
- Верхний индекс — помещает текст выше основной строки (например, для степеней ²).
- Удалить форматирование — сбрасывает все стили у выделенного текста, возвращая его к обычному виду.
2. Стили и шрифты
Настройки внешнего вида текста.
- Шрифт — выбор гарнитуры (Arial, Roboto, Times New Roman и др.).
- Размер шрифта — изменение размера букв (от 8px до 96px).
- Цвет текста — изменение цвета букв.
- Цвет фона — выделение текста цветом фона (маркер).
- Встроенный стиль / Inline Class — применение готовых стилей (например, «Код», «Подсвеченный», «Прозрачный»).
- Формат абзаца — выбор типа блока: обычный текст, Заголовок 1−4, Код.
- Стиль абзаца — применение стилей к целому абзацу (Серый, Обрамлённый, С пробелами, Заглавный).
- Высота линии — настройка межстрочного интервала (Одинарный, 1.5, Двойной).
3. Структура и выравнивание
Управление расположением текста на странице.
- Выравнивание — по левому краю, по центру, по правому краю, по ширине.
- Нумерованный список — создает список с цифрами (1, 2, 3…). Есть настройки стиля цифр (римские, буквы).
- Маркированный список — создает список с точками или другими значками.
- Уменьшить отступ — сдвигает текст ближе к левому краю.
- Увеличить отступ — сдвигает текст вправо.
- Цитата — оформляет текст как цитату (обычно выделяет серым фоном или вертикальной линией).
4. Вставка элементов
Добавление медиа и специальных объектов в статью.
- Вставить ссылку (Ctrl+K) — создает гиперссылку на другой сайт или страницу.
- Вставить спойлер — скрывает текст под заголовком. Пользователь должен кликнуть, чтобы увидеть содержимое.
- Вставить контент — позволяет вставить готовый фрагмент или статью из базы знаний.
- Якорные ссылки — создает ссылку на конкретное место внутри этой же страницы.
- Вставить изображение — загрузка и вставка картинок.
- Вставить видео — вставка видеороликов (например, с RuTube).
- Вставить таблицу — создание таблиц с строками и столбцами.
- Вставить файлы — прикрепление документов для скачивания. При вставке видео через «Вставить файл» оно будет проигрываться во встроенном проигрывателе.
- Font Awesome — вставка векторных иконок.
- Специальные символы — вставка знаков, которых нет на клавиатуре (©, ®, валюты).
- Вставить iframe — вставка внешнего содержимого (например, карт или виджетов) в рамке.
- Markdown — переключение в режим конвертера из Markdown в HTML.
- Вставить горизонтальную линию — разделяет контент видимой чертой.
- Смайлики — вставка эмодзи.
- Вставить URL-адрес — автоматическое превращение ссылки в медиа-плеер или превью (Embedly).
5. Сервис и инструменты
Вспомогательные функции редактора.
- Отменить (Ctrl+Z) — возвращает предыдущее действие.
- Повторить (Ctrl+Shift+Z) — повторяет отмененное действие.
- На весь экран — разворачивает редактор на весь монитор.
- Распечатать — открывает окно печати статьи.
- Программа проверки орфографии — подчеркивает слова с ошибками.
- Выбрать всё — выделяет весь текст в редакторе.
- Просмотр HTML-кода — показывает исходный код статьи (для продвинутых пользователей).
- Экспорт в Word — скачивает статью в формате .docx.
- Экспорт в PDF — скачивает статью в формате .pdf.
- Помощь (Ctrl+/) — открывает справку по горячим клавишам.
Совет: Большинство кнопок имеют всплывающие подсказки. Наведите на них курсор, чтобы увидеть название и горячую клавишу.
Вставить схему из draw. io
Для вставки готовой схемы из системы draw.io нажмите Файл — Встроить — Iframe. Нажмите «Создать» и получите код для встройки.
Для вставки готовой схемы из системы draw.io нажмите Файл — Встроить — Iframe. Нажмите «Создать» и получите код для встройки.
Далее перейдите в статью, откройте режим html и вставьте полученный код.
После публикации контента в статье отобразится выбранная схема, при этом будет сохранен режим редактирования.
Якорь — это ссылка на конкретное место в статье (абзац, заголовок, слово).
Как создать якорь
Как использовать якорь
1. Ссылка внутри той же статьи
При вставке обычной ссылки в поле URL укажите: #obzor-produkta
2. Ссылка из другой статьи Используйте полный путь с якорем: /article/view/12 694#obzor-produkta
⚠️ Важно: чтобы ссылка работала, у пользователей должен быть доступ к статье, на которую вы ссылаетесь.
Пример
Создали якорь chastye-voprosy в статье с ID 12 694 → ссылка будет выглядеть так:
/article/view/12 694#chastye-voprosy
Как создать якорь
- Выделите нужный фрагмент текста.
- Нажмите кнопку Якорь на панели инструментов.
- Введите название якоря (например, obzor-produkta).
Как использовать якорь
1. Ссылка внутри той же статьи
При вставке обычной ссылки в поле URL укажите: #obzor-produkta
2. Ссылка из другой статьи Используйте полный путь с якорем: /article/view/12 694#obzor-produkta
⚠️ Важно: чтобы ссылка работала, у пользователей должен быть доступ к статье, на которую вы ссылаетесь.
Пример
Создали якорь chastye-voprosy в статье с ID 12 694 → ссылка будет выглядеть так:
/article/view/12 694#chastye-voprosy
✅ Хорошие якорные ссылки
obzor-produkta
Человеко читаемый, понятный, использует kebab-case
faq-section
Семантически осмысленный, легко поддерживать
garantiya-i-vozvrat
Описательный, без спецсимволов, подходит для русскоязычного контента (в транслите)
chapter-2−1
Иерархия понятна, точки заменены на дефисы
contact-form
Коротко, ясно, соответствует содержимому
price-2025
Содержит цифры, но начинается с буквы — валидно
user-agreement
Соответствует стандартам, легко использовать в JS/CSS
faq-item-5
Уникальный, структурированный, масштабируемый
obzor-produkta
Человеко читаемый, понятный, использует kebab-case
faq-section
Семантически осмысленный, легко поддерживать
garantiya-i-vozvrat
Описательный, без спецсимволов, подходит для русскоязычного контента (в транслите)
chapter-2−1
Иерархия понятна, точки заменены на дефисы
contact-form
Коротко, ясно, соответствует содержимому
price-2025
Содержит цифры, но начинается с буквы — валидно
user-agreement
Соответствует стандартам, легко использовать в JS/CSS
faq-item-5
Уникальный, структурированный, масштабируемый
❌ Плохие якорные ссылки
123
Начинается с цифры → недопустимо в CSS, нарушает стандарт
section 1
Содержит пробел → невалидный HTML
гарантия
Кириллица может вызывать проблемы в старых системах и усложняет отладку
chapter.2.1
Точки ломают CSS-селекторы без экранирования
'div1', 'block2', 'xyz'
Неинформативно, затрудняет поддержку и доступность
2025-price
Начинается с цифры → недопустимо в CSS
user@agreement
Содержит недопустимый символ '@' (может работать в HTML, но опасен в URL/CSS)
123
Начинается с цифры → недопустимо в CSS, нарушает стандарт
section 1
Содержит пробел → невалидный HTML
гарантия
Кириллица может вызывать проблемы в старых системах и усложняет отладку
chapter.2.1
Точки ломают CSS-селекторы без экранирования
'div1', 'block2', 'xyz'
Неинформативно, затрудняет поддержку и доступность
2025-price
Начинается с цифры → недопустимо в CSS
user@agreement
Содержит недопустимый символ '@' (может работать в HTML, но опасен в URL/CSS)
Как вставить видео в редакторе Froala
Почему видео по ссылке может не вставляться
Основные причины:
1. Неподдерживаемый источник видео
2. Неправильный формат ссылки
3. Видео приватное или ограничено
4. Отсутствует протокол http/https
5. CORS и безопасность браузера
6. Проблемы с подключением
7. Слишком длинная или битая ссылка
Дополнительные способы вставить видео со стороннего источника:
При клике на кнопку «Вставить видео» перейдите во вкладку «HTML-код для вставки».
На сайте поставщика видео, кликните «Поделиться» — «Встроить» или «Код вставки плеера». Скопируйте этот код и вставьте его в редактор в соответствующее поле.
Пример: на rutube.ru при клике на кнопку «Поделиться» открывается модальное окно, где вы можете скопировать прямую ссылку на видео. На вкладке «Код вставки плеера» вы можете найти HTML-код для вставки в редактор.
Вставить видео-файл в редактор:
Вы можете загрузить видеофайл напрямую в редактор:
- На панели инструментов редактора найдите и нажмите кнопку Вставить видео (иконка видеоплеера).
- Вставьте ссылку на видео. В открывшемся окне в поле URL вставьте ссылку на видео.
- RuTube: rutube.ru/video/111 111/
- Другие платформы: прямые ссылки на видеофайлы
Почему видео по ссылке может не вставляться
Основные причины:
1. Неподдерживаемый источник видео
2. Неправильный формат ссылки
3. Видео приватное или ограничено
4. Отсутствует протокол http/https
5. CORS и безопасность браузера
6. Проблемы с подключением
7. Слишком длинная или битая ссылка
Дополнительные способы вставить видео со стороннего источника:
При клике на кнопку «Вставить видео» перейдите во вкладку «HTML-код для вставки».
На сайте поставщика видео, кликните «Поделиться» — «Встроить» или «Код вставки плеера». Скопируйте этот код и вставьте его в редактор в соответствующее поле.
Пример: на rutube.ru при клике на кнопку «Поделиться» открывается модальное окно, где вы можете скопировать прямую ссылку на видео. На вкладке «Код вставки плеера» вы можете найти HTML-код для вставки в редактор.
Вставить видео-файл в редактор:
Вы можете загрузить видеофайл напрямую в редактор:
- Нажмите кнопку «Вставить файлы»
- Выберите видеофайл на вашем компьютере (поддерживаются форматы MP4 и др. до 500Мб)
- После загрузки видео вставить в статью со встроенным плеером
- Видео будет воспроизводиться непосредственно в статье с помощью стандартного HTML5-плеера
- Видео хранится вместе со статьёй
- Не зависит от внешних платформ
- Полный контроль над контентом
- Увеличивает размер статьи
- Требует больше ресурсов для загрузки
- Может не поддерживаться на медленных соединениях
- Некоторые браузеры блокируют автоматическое воспроизведение видео
Editor.js — блочный редактор
Editor.js — это современный блочный редактор текста. В отличие от классических редакторов, здесь каждый элемент контента (абзац, заголовок, изображение, список, код) — это отдельный независимый блок.
Основные особенности
🧱 Блочная структура
Основные особенности
🧱 Блочная структура
- Каждый абзац, заголовок или медиа — это отдельный блок
- Блоки можно легко перетаскивать, менять местами, добавлять и удалять
- Чистая и логичная структура статьи
- Панель инструментов появляется только при выделении блока
- Нет перегруженной верхней панели — больше места для контента
- Интуитивное управление через + для добавления новых блоков
- Создаёте структурированные статьи с чёткой иерархией
- Работаете с контентом, который будет использоваться в приложении или на сайте
- Цените минимализм и фокус на содержании
- Хотите легко управлять порядком блоков
- Нужен сложный inline-форматинг (жирный внутри слова, частичное выделение)
- Привыкли к интерфейсу Word с постоянной панелью инструментов
- Работаете с текстами, где важно точечное форматирование символов
Панель инструментов Editor. js — это всплывающее меню с кнопками для добавления различных блоков контента. Доступ к инструментам осуществляется через кнопку «+» или клавишу /.
Текст — Базовый блок для обычного текста.
Заголовок — Добавляет заголовки разных уровней (H1-H6) для структурирования статьи.
📋 Списки
Маркированный список — Создаёт список с точками или другими маркерами.
Нумерованный список — Создаёт упорядоченный список с цифрами.
Чеклист — Интерактивный список с галочками для отметки выполненных пунктов.
⚠️ Информационные блоки
Примечание — Выделяет важный текст в рамку с иконкой предупреждения.
Цитата — Оформляет текст как цитату с характерным оформлением.
Оповещение — Блок для важных уведомлений и оповещений.
Разделитель — Горизонтальная линия для разделения контента на смысловые части.
🖼️ Медиа
Картинка — Добавляет изображение с возможностью подписи.
Группа картинок - Несколько изображений в одном блоке.
Галерея — Продвинутая галерея с дополнительными настройками.
Галерея изображений — Простая галерея для быстрого добавления нескольких фото.
Видео — Вставка видеороликов.
📎Файлы и встраивание
Файл — Прикрепление файлов для скачивания.
Вставка Iframe — Встраивание внешнего контента через iframe.
Сниппет — Вставка готовых фрагментов контента.
📊 Визуализация данных
Таблица — Создание таблиц с строками и столбцами.
График — Визуализация данных в виде диаграмм и графиков.
💻 Программирование
Код — Блок для размещения программного кода с подсветкой синтаксиса.
Mermaid — Создание диаграмм и схем с помощью Mermaid.js.
🖼️Оформление
Колонки — Разделение контента на колонки.
Спойлер — Скрываемый блок, который раскрывается по клику.
Текст — Базовый блок для обычного текста.
Заголовок — Добавляет заголовки разных уровней (H1-H6) для структурирования статьи.
📋 Списки
Маркированный список — Создаёт список с точками или другими маркерами.
Нумерованный список — Создаёт упорядоченный список с цифрами.
Чеклист — Интерактивный список с галочками для отметки выполненных пунктов.
⚠️ Информационные блоки
Примечание — Выделяет важный текст в рамку с иконкой предупреждения.
Цитата — Оформляет текст как цитату с характерным оформлением.
Оповещение — Блок для важных уведомлений и оповещений.
Разделитель — Горизонтальная линия для разделения контента на смысловые части.
🖼️ Медиа
Картинка — Добавляет изображение с возможностью подписи.
Группа картинок - Несколько изображений в одном блоке.
Галерея — Продвинутая галерея с дополнительными настройками.
Галерея изображений — Простая галерея для быстрого добавления нескольких фото.
Видео — Вставка видеороликов.
📎Файлы и встраивание
Файл — Прикрепление файлов для скачивания.
Вставка Iframe — Встраивание внешнего контента через iframe.
Сниппет — Вставка готовых фрагментов контента.
📊 Визуализация данных
Таблица — Создание таблиц с строками и столбцами.
График — Визуализация данных в виде диаграмм и графиков.
💻 Программирование
Код — Блок для размещения программного кода с подсветкой синтаксиса.
Mermaid — Создание диаграмм и схем с помощью Mermaid.js.
🖼️Оформление
Колонки — Разделение контента на колонки.
Спойлер — Скрываемый блок, который раскрывается по клику.
Якорные ссылки в редакторе Editor. js
Для создания якорной ссылки необходимо кликнуть на блок, выбрать параметры блока (шесть точек) и в поле «Якорь» написать название якоря.
Для того, чтобы вставить ссылку в начало статьи, необходимо:
1) Написать текст, например «Введение».
2) Выделить курсором, на всплывающей панели инструментов выбрать «Вставить ссылку»
3) Выбрать во вкладке «Якорь» соответствующее название.
Подробнее в видео:
Для создания якорной ссылки необходимо кликнуть на блок, выбрать параметры блока (шесть точек) и в поле «Якорь» написать название якоря.
Для того, чтобы вставить ссылку в начало статьи, необходимо:
1) Написать текст, например «Введение».
2) Выделить курсором, на всплывающей панели инструментов выбрать «Вставить ссылку»
3) Выбрать во вкладке «Якорь» соответствующее название.
Подробнее в видео:
📊 Что такое Mermaid?
Mermaid — это инструмент для создания диаграмм и графиков с помощью текста. Вместо того чтобы рисовать фигуры мышкой в графическом редакторе, вы пишете простой код, который автоматически превращается в красивую схему.
Преимущества:
🛠 Как вставить Mermaid в редактор в редакторе Editor. js
В этом редакторе есть встроенная поддержка Mermaid.
Mermaid — это инструмент для создания диаграмм и графиков с помощью текста. Вместо того чтобы рисовать фигуры мышкой в графическом редакторе, вы пишете простой код, который автоматически превращается в красивую схему.
Преимущества:
- Быстро: Не нужно выравнивать стрелки и блоки вручную.
- Удобно: Легко редактировать текст, чтобы изменить схему.
- Разнообразно: Поддерживает блок-схемы, последовательности, диаграммы Ганта, круговые диаграммы и многое другое.
🛠 Как вставить Mermaid в редактор в редакторе Editor. js
В этом редакторе есть встроенная поддержка Mermaid.
- Нажмите на кнопку «+» слева от строки.
- В появившемся меню выберите инструмент «Mermaid» (иконка M).
- В открывшееся поле вставьте код диаграммы.
- Нажмите «Применить» — код превратится в график.
📊 Построение графиков
В редакторе Editor.js есть инструмент «График» для визуализации данных. Вот пошаговая инструкция.
Добавьте блок «График»
Пример построения столбчатых диаграмм в видео:
В редакторе Editor.js есть инструмент «График» для визуализации данных. Вот пошаговая инструкция.
Добавьте блок «График»
- Нажмите на кнопку «+» слева от строки или клавишу /
- В меню инструментов найдите и выберите «График»
- В редакторе появится новый блок для создания диаграммы
Пример построения столбчатых диаграмм в видео: