Документация Толоки

Компоненты для работы с текстом

В этом разделе мы расскажем, как отобразить текст, добавить поле для ввода текста, а также какие компоненты позволяют менять текст.

Отобразить текст

Для отображения текста в интерфейсе задания используйте компонент view.text. В свойстве content вставьте необходимый текст или укажите компонент с типом data.*, который его возвращает.

Чтобы подставить текст из входных данных, используйте компонент data.input.

Чтобы подставить текст из выходных данных, используйте компонент data.output.

Если вы хотите вставить отформатированный текст, посмотрите инструкцию и примеры в разделе Форматирование текста.

Добавить поле для ввода текста

Чтобы добавить поле для ввода однострочного текста, используйте компонент field.text, для многострочного — field.textarea.

Изменить текст

Чтобы изменить текст, например, сделать все буквы большими или подставить значение переменной, используйте следующие компоненты:

  • helper.text-transform — позволяет менять регистр. Для преобразования текста в свойстве transformation укажите соответствующее значение:

    • uppercase — сделает все буквы заглавными.
    • lowercase —сделает все буквы строчными.
    • capitalize — сделает первую букву текста заглавной, а все последующие — строчными.

  • helper.replace — позволяет заменить одни части строки на другие. Для этого укажите в свойстве find значение, которое будет заменено на значение свойства replace.

  • helper.join — позволяет соединить несколько строк в одну, в том числе через пробел или запятую.