Компоненты для работы с текстом
В этом разделе мы расскажем, как отобразить текст, добавить поле для ввода текста, а также какие компоненты позволяют менять текст.
Отобразить текст
Для отображения текста в интерфейсе задания используйте компонент 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 — позволяет соединить несколько строк в одну, в том числе через пробел или запятую.
