Мы рады объявить о значительных обновлениях Box Elements. Многие из вас уже открыли для себя преимущества Box Elements как инструментов пользовательского интерфейса для простого включения некоторых из самых популярных компонентов Box в ваши собственные приложения и сайты.
Чтобы расширить эту функциональность, мы выпускаем совершенно новый элемент боковой панели и делаем предыдущий бета-элемент, Open With, общедоступным для всех с сегодняшнего дня.
Новый элемент боковой панели
Наш первый выпуск, элемент боковой панели, дает вам возможность интегрировать боковую панель метаданных файлов из Box в ваши приложения. На боковой панели вы сможете увидеть информацию о версии, комментарии, задачи и многое другое.
Чтобы сделать все как можно более плавным, боковая панель очень похожа на все остальные элементы. После включения связанных файлов CSS и JS это так же просто, как создать новый объект боковой панели, добавить любую информацию о конфигурации и отобразить ее для связанного файла.
Полный HTML/CSS/JS может выглядеть примерно так:
<!DOCTYPE html> <html lang="en"> <head> <title>Box Content Sidebar</title> <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,Intl"></script> <link rel="stylesheet" href="https://cdn01.boxcdn.net/platform/elements/5.0.0/en-US/sidebar.css"> </head> <body> <div class="container" style="height:600px;"></div> <script src="https://cdn01.boxcdn.net/platform/elements/5.0.0/en-US/sidebar.js"></script> <script type="text/javascript"> var fileId = '24053226791'; var accessToken = '5tX3jefL21kc2Z1yPM3ESpD2RO'; var contentSidebar = new Box.ContentSidebar(); contentSidebar.show(fileId, accessToken, { container: '.container', detailsSidebarProps: { hasNotices: true, hasProperties: true, hasAccessStats: true, hasVersions: true }, hasActivityFeed: true, hasSkills: true, hasMetadata: true }); </script> </body> </html>
Подробнее об этом читайте в Документации по элементам боковой панели.
Общая доступность Open With Element
Еще в сентябре мы объявили о выпуске бета-версии элемента Открыть с помощью, позволяющего разработчикам заблаговременно изучить столь востребованную функцию пользовательского интерфейса — возможность загружать содержимое любого файла Box на вашем сайте с помощью простой кнопки.
С сегодняшнего дня мы сделали этот элемент общедоступным для всех, что позволяет вам открывать файлы Box с помощью Adobe Sign, Google Suite и Box Edit непосредственно в ваших собственных приложениях и на сайтах.
Если вы еще не видели его, ознакомьтесь с документацией Открыть с помощью элемента.
Удачного кодирования!