---
metadata:
- name: generator
content: Diplodoc Platform v5.44.0
alternate:
- https://yandex.ru/support/tasks-requester/ru/guide/spec.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/support/tasks-requester/ru/llms.txt
# Интерфейс задания
Напишите нам, если не нашли ответ в Справке. Вы можете приложить скриншоты или видео, чтобы ускорить помощь:
Написать в чатНаписать в Telegram
{% note info %}
Справочник по настройке интерфейса описывает работу редактора HTML/JS/CSS. Вы также можете попробовать создать интерфейс задания в [Конструкторе шаблонов](https://yandex.ru/support/tasks-requester/ru/template-builder/index.md).
{% endnote %}
**Интерфейс задания** определяет внешний вид задания для исполнителя и логику обработки ответов.
Удобный интерфейс повысит качество результатов и позволит исполнителям выполнять задания быстрее, а это позволит вам снизить цену за задание.
## Блок настройки интерфейса {#interface-section}
Наведите на элемент на изображении, чтобы увидеть всплывающую подсказку:
{% note info %}
Чтобы раскрыть блоки **HTML**, **CSS** и **JS**, нажмите на название блока справа.
{% endnote %}
## Блок HTML {#html}
Добавьте в этот блок элементы для всех [входных и выходных данных](https://yandex.ru/support/tasks-requester/ru/guide/incoming.md), которые вы хотите отобразить в интерфейсе задания. Вы можете использовать специальные компоненты или HTML-теги внутри тега ``.
В качестве шаблонизатора для HTML используется [Handlebars](https://yandex.ru/support/tasks-requester/ru/guide/t-components/handlebars.md).
{% cut "Как добавить компонент" %}
1. Откройте помощник по созданию интерфейса задания. Для этого в блоке **Интерфейс задания** нажмите кнопку и выберите компонент.
Нажмите **Подробнее**, чтобы посмотреть пример и полный список параметров.
1. Скопируйте выражение с помощью кнопки и вставьте его в блок HTML.
1. Укажите имя поля из входных или выходных данных.
{% endcut %}
{% cut "Примеры использования входных данных" %}
- **Отобразить текст в задании.** Добавьте во входные данные поле `text` с типом **строка**. Затем в интерфейсе задания (в блоке HTML) вы сможете добавить этот текст в качестве переменной, например:
```html
Прочитайте текст: {{text}}
```
- **Загрузить файл в задание, например картинку.** Добавьте во входные данные поле `url` с типом **ссылка**. Затем добавьте компонент [Картинка](https://yandex.ru/support/tasks-requester/ru/guide/t-components/img.md) в интерфейс задания (в блок HTML) и укажите имя поля в атрибуте `src`:
```html
{{img src=url width="400px" height="300px"}}
```
- **Оформить ссылку на файл с Яндекс Диска.**
Если элемент интерфейса будет использоваться для передачи ссылок на файлы с Яндекс Диска, в блоке HTML добавьте к названию поля входных данных слово `proxy`. В зависимости от типа элемента оформление поля будет выглядеть по разному. Например:
#|
||**HTML-тег**|**Компонент**||
||Ссылка на аудио:
`