JavaScript HTML-виджеты

Благодаря виджетам Template, Video и Iframe вы сможете встроить любой HTML-контент в приложение на Webix

живое демо

  • Интеграции: jQuery, Angular, React, Vue.js, Backbone
  • Кросс-браузерная поддержка (IE8+)
  • Работает на мобильных устройствах
  • Соответствует Секции 508
  • Быстрая стилизация в CSS

Возможности

Обзор

Webix включает несколько виджетов, которые позволяют добавлять HTML-контент в приложения: Template, Video и Iframe. В Template можно добавить простой текст или HTML-разметку. Виджет Video основан на HTML5 теге video. С помощью Iframe вы сможете встроить другие документы на страницу приложения.

Iframe

С помощью Iframe вы сможете отображать другие веб-страницы внутри ваших приложений. Функционал виджета Iframe очень гибкий и позволяет легко подстраивать Iframes. Вы сможете загружать целые страницы или отдельные их части. До того, как страница полностью загрузится, можно отображать прогресс-бар или иконку-спиннер. Вы также можете добавить способ переключать Iframe между разными страницами.

Template

В Template можно добавить любой HTML-контент. В библиотеке Webix есть четыре типа темплейтов: с тонкой серой границей, без границ, тип "header" и тип "section", который можно использовать для разделения контролов формы на группы. Внутри Template может быть простой текст, HTMl-разметка или данные. Функционал Template позволяет менять содержимое на лету.

Video

Video используется для вставки видеозаписей на страницу приложения. Виджет построен на HTML5 теге "video" и поддерживает файлы в форматах MP4, WebM и Ogg. Функционал Video позволяет легко адаптировать виджет под свои нужды: показать или спрятать дефолтные кнопки, добавить свои кнопки и включить автовоспроизведение.