Вячеслав, выполняем следующие шаги:
1) В шаблоне компонента подключаем js-ядро viewer
Код |
---|
CJSCore::Init(['viewer']);
|
2) На родительском dom-элемент устанавливаем уникальный ID
Например id='disk-viewer'
3) Инициализируем viewer для показа
Код |
---|
BX.viewElementBind(
'disk-viewer',
{showTitle: true},
{attr: 'data-bx-viewer'}
); |
4) Формируем ссылку на просмотр:
Код |
---|
<a {$linkAttr} {$viewerDataAttr}> ссылка на документ </a> |
где:
$file - обьект файла на диске
Код |
---|
$viewerDataAttr = \Bitrix\Disk\Ui\Viewer::getAttributesByObject($file); |
Код |
---|
$linkAttr = '';
if ( empty($attrs['id']) )
{
$attrs['id'] = 'disk_attach_'.$attachId;
}
if ( empty($attrs['href']) )
{
$attrs['href'] = \Bitrix\Disk\Disk\Driver::getInstance()->getUrlManager()->getUrlForDownloadFile($file);
}
foreach ($attrs as $attr => $value)
{
$linkAttr .= $attr.'="'.htmlspecialchars($value).'" ';
} |