Текстовые UI контролы

Webix включает широкий выбор контролов, которые позволяют пользователям вводить, редактировать и форматировать текст.

живое демо

  • Интеграция: jQuery, Angular, React, Vue.js, Backbone
  • Поддерживается во всех современных браузерах
  • Работает на устройствах с сенсорным экраном
  • Соответствует требованиям Секции 508
  • Удобная стилизация с помощью CSS

Обзор

Контрол Text - это простое текстовое поле для форм. Библиотека также включает несколько улучшенных разновидностей полей. Пользователи могут форматировать введенный текст и динамически изменять количество полей в форме. С помощью текстовых UI контролов Webix, вы сможете создавать простые и аккуратные формы, простые текстовые редакторы, почтовые клиенты или любые другие приложения, работающие с текстом.

RichText

Контрол Richtext - это многострочное текстовое поле с возможностью форматировать текст. С помощью кнопок вы сможете добавлять тексту подчеркивание, делать его жирным или курсивным. Этот контрол будет особенно полезен для создания простого текстового редактора или почтового клиента.

Search

Контрол Search - это простое текстовое поле с иконкой, отражающей назначение поля - поиск и фильтрация данных. Сам по себе компонент не обеспечивает работу поиска, однако вы без особого труда сможете написать свою логику для поиска. Демо под текстом демонстрирует работу с контролом.

Начните поиск фильма

Text

Контрол Text - это простое однострочное текстовое поле с ярлыком. Оно отлично подойдет для создания форм.

Textarea

Контрол Textarea - это многострочное текстовое поле с ярлыком. Этот контрол отлично подойдет для ввода большого количества текста. Например, Textarea можно использовать для создания почтового клиента.

Texthighlight

Контрол Texthighlight - это поле для ввода текста различной длины, которое поддерживает подсветку текста. Вы можете подсвечивать определенные символы, слова или фразы, например операторы, не разрешенные для ввода символы или опции, выбранные из выпадающего списка, заданного для Texthighlighte.

Label

Контрол Label можно использовать для добавления названий полям форм. Label может включать любой HTML и иконки.

Маски для форматирования

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

Форматирование чисел

Multitext

Контрол Multitext позволяет изменять число текстовых полей на лету. По клику на '+' добавится новое поле под уже существующими. Рядом с каждым новым полем есть иконка '-', с помощью которой можно удалить поле.