WYSIWYG-редактор

WYSIWYG − эта аббревиатура, которая расшифровывается как What You See Is What You Get − тип редакторов, отображающих создаваемый контент в том виде, в котором он по итогу будет размещен в опросе, без необходимости дополнительных преобразований и обработки.

WYSIWYG-редактор платформы поддерживает различные возможности для оформления и форматирования текста, включая:

• 1 − использование различных стилей оформления текста: жирный, курсив, подчеркнутый, перечеркнутый;
• 2 − изменение размера текста;
• 3 − изменение цвета текста и цвета заливки;
• 4 − горизонтальное и вертикальное выравнивание текста;
• 5 − создание списков: маркированных или нумерованных;
• 6 − вставка математических формул;
• 7 − вставка программного кода в текст с поддержкой форматирования кода для выбранного языка программирования;
• 8 − вставка гиперссылок в текст;
• 9 − отмена предыдущего действия.

Рассмотрим некоторые специфические функции используемого WYSIWYG-редактора, такие как вставка математических формул, вставка программного кода, вставка гиперссылок.

Вставка математических формул

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

Для создания формулы могут использоваться библиотеки символов и операторов, показанные на рисунках ниже:

• библиотека символов;
• библиотека операторов;
• библиотека операторов вычислений;
• библиотека специальных символов;
• библиотека формул.

Библиотека символов:

Библиотека операторов:

Библиотека операторов вычислений:

Библиотека специальных символов:

Библиотека формул:

Вставка программного кода

WYSIWYG-редактор позволяет вставлять программный код в презентацию. Для вставки программного кода кликните по соответствующей кнопке на панели инструментов редактора, при этом откроется окно вставки программного кода.

Пример заполнения данных окна для вставки программного кода представлен на следующем рисунке.

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

Поддерживаются следующие языки программирования:

• C;
• C++;
• JavaScript;
• Python;
• MATLAB;
• Julia;
• Bash.

Вставка гиперссылок

WYSIWYG-редактор позволяет вставлять гиперссылки в текст презентации. Для вставки гиперссылки кликните по соответствующей кнопке на панели инструментов редактора, при этом откроется окно создания гиперссылки.

Окно создания гиперссылки включает всего два поля: «Ссылка» и «Описание». В первом укажите гиперссылку, во втором – текст, который будет отображаться как гиперссылка.

Пример заполнения формы создания гиперссылки показан на следующем рисунке.

После этого созданная гиперссылка будет отображаться в тексте презентации.