Разработчикам

CJSCore::Init([ 'ui.viewer' ]); не работает с pdf файлами

CJSCore::Init([ 'ui.viewer' ]); не работает с pdf файлами, Разборка с методом viewer. Указанный метод в документации не работает.

Пользователь 5023794

Заглянувший

Сообщений: 16 Регистрация: 12.04.2021

18.08.2021 13:14:13

CJSCore::Init([ 'ui.viewer' ]); не работает с pdf файлами. Перепробовал всё, но он выдаёт ошибку в виде:

Код
core.js:19667 Uncaught (in promise) TypeError: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': String contains non ISO-8859-1 code point.

Может её отключили, или что то не так указано.

Пользователь 113480

Эксперт

Сообщений: 465 Баллов: 95 Регистрация: 19.10.2012

18.08.2021 15:34:36

Цитата
Асылбек Нургалиев написал: Может её отключили, или что то не так указано.

у меня работает.
см. мат. часть:
https://dev.1c-bitrix.ru/api_help/js_lib/viewer/index.php

Пользователь 113480

Эксперт

Сообщений: 465 Баллов: 95 Регистрация: 19.10.2012

18.08.2021 15:38:17

Цитата
Ахат Баязи написал: Может её отключили, или что то не так указано.

Вьювер открывается на элементах, содержащих атрибуты data-viewer и data-viewer-group-by (см. /bitrix/js/ui/viewer.js).

Пользователь 5023794

Заглянувший

Сообщений: 16 Регистрация: 12.04.2021

19.08.2021 08:03:23

Цитата

Ахат Баязи написал:

Цитата
Ахат Баязи написал: Может её отключили, или что то не так указано.

Вьювер открывается на элементах, содержащих атрибуты data-viewer и data-viewer-group-by (см. /bitrix/js/ui/viewer.js )

Что надо задать в эти объекты "data-viewer - data-viewer-group-by"? Для pdf файлов если точно. Там пример с pdf стоит на головном доке, и там data-viewer задан как null.

Пользователь 113480

Эксперт

Сообщений: 465 Баллов: 95 Регистрация: 19.10.2012

19.08.2021 09:57:45

Цитата
Асылбек Нургалиев написал: Что надо задать в эти объекты "data-viewer - data-viewer-group-by"? Для pdf файлов если точно. Там пример с pdf стоит на головном доке, и там data-viewer задан как null.

Итоговый код выглядит примерно так:

Код

<? CJSCode::Init([ 'ui.viewer' ]); ?>
<button
   class="ui-btn ui-btn-link"
   data-viewer="null"
   data-object-id="1234"
   data-viewer-type="document"
   data-src="'/disk/downloadFile/1234/?&ncc=1&filename=ИмяФайла.pdf'"
   data-title="ИмяФайла.pdf"
   data-actions="[{"type":"download"}]"
>ОТКРЫТЬ ФАЙЛ</button>

Где:
1234 - ID файла на диске
ИмяФайла.pdf - название файла во вьювере.

Пользователь 5023794

Заглянувший

Сообщений: 16 Регистрация: 12.04.2021

19.08.2021 12:54:43

Цитата
Ахат Баязи написал:

Здесь нет упоминания про data-viewer-group-by, это во первых. Во вторых, вы сами полностью убедились в работе кода? У меня фон затемняется, появляется загрузка и так и встаёт на месте. Можно только скачать документ. А в других случая документ выдаёт ошибки в виде

Код
VM1701:1 Uncaught (in promise) SyntaxError: Unexpected end of JSON input

Пользователь 113480

Эксперт

Сообщений: 465 Баллов: 95 Регистрация: 19.10.2012

19.08.2021 16:21:57

а почему готовый компонент не использовать: "bitrix:pdf.viewer"

Код

<?$APPLICATION->IncludeComponent(    "bitrix:pdf.viewer",
    "",
    Array(
        "HEIGHT" => "600",
        "IFRAME" => "N",
        "PATH" => "/upload/ISR6bMnaRq.pdf",
        "PRINT" => "N",
        "PRINT_URL" => "",
        "TITLE" => "",
        "VIEWER_ID" => "",
        "WIDTH" => "900"
    )
);?>

Пользователь 113480

Эксперт

Сообщений: 465 Баллов: 95 Регистрация: 19.10.2012

19.08.2021 16:45:34

Цитата
Асылбек Нургалиев написал: Во вторых, вы сами полностью убедились в работе кода?

Во-первых, не обязан убеждаться ))), ибо не являюсь сотрудником техподдержки.
Но проверил, действительно, не работает!!!
У меня оказывается в коде используется компонент: "bitrix:pdf.viewer"
который я открываю в слайдере.

Пользователь 113480

Эксперт

Сообщений: 465 Баллов: 95 Регистрация: 19.10.2012

19.08.2021 17:15:00

вот рабочий код:
проверил у себя - работает:

Код

<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("TEST: ui.viewer");
CJSCore::Init([ 'ui.viewer' ]);
?>
<pre>TEST: ui.viewer</pre>

    <span class="disk-detail-sidebar-editor-item disk-detail-sidebar-editor-item-show"
          id="bx-disk-filepage-filename"
          data-viewer=""
          data-viewer-type="document"
          data-src="/disk/downloadFile/91235/?&ncc=1&filename=test-name.pdf"
          data-object-id="91235"
          data-title="test-name.pdf"
          data-actions="[{&quot;type&quot;:&quot;download&quot;}]"
    >Просмотреть</span>

<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>

Пользователь 113480

Эксперт

Сообщений: 465 Баллов: 95 Регистрация: 19.10.2012

#10

19.08.2021 17:17:35

Цитата

Ахат Баязи написал:
вот рабочий код:
проверил у себя - работает:

Код

 <?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("TEST: ui.viewer");
CJSCore::Init([ 'ui.viewer' ]);
?>
<pre>TEST: ui.viewer</pre>

    <span class="disk-detail-sidebar-editor-item disk-detail-sidebar-editor-item-show"
          id="bx-disk-filepage-filename"
          data-viewer=""
          data-viewer-type="document"
          data-src="/disk/downloadFile/91235/?&ncc=1&filename=test-name.pdf"
          data-object-id="91235"
          data-title="test-name.pdf"
          data-actions="[{&quot;type&quot;:&quot;download&quot;}]"
    >Просмотреть</span>

<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>

где:

91235 - ID-файла в модуле диск
test-name.pdf - имя файла во вьере (не обязательно как реальное имя файла)

Пользователь 5023794 Заглянувший Сообщений: 16 Регистрация: 12.04.2021	#11 26.08.2021 10:01:10 Как я понял, данный метод работает только с диска? Я то работаю через инфоблоки...

Пользователь 5023794

Заглянувший

Сообщений: 16 Регистрация: 12.04.2021

#12

26.08.2021 10:02:09

Цитата

Ахат Баязи написал:

Цитата

Ахат Баязи написал:
вот рабочий код:
проверил у себя - работает:

Код

    <? 
 require ( $_SERVER [ "DOCUMENT_ROOT" ]. "/bitrix/header.php" );
 $APPLICATION ->SetTitle( "TEST: ui.viewer" );
CJSCore::Init([  'ui.viewer'  ]);
 ?>  
 < pre > TEST: ui.viewer </ pre > 

     < span   class = "disk-detail-sidebar-editor-item disk-detail-sidebar-editor-item-show" 
           id = "bx-disk-filepage-filename" 
           data-viewer = "" 
           data-viewer-type = "document" 
           data-src = "/disk/downloadFile/91235/?&ncc=1&filename=test-name.pdf" 
           data-object-id = "91235" 
           data-title = "test-name.pdf" 
           data-actions = "[{"type":"download"}]" 
    > Просмотреть </ span > 

 <?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>

где:

91235 - ID-файла в модуле диск
test-name.pdf - имя файла во вьере (не обязательно как реальное имя файла)

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

Пользователь 113480

Эксперт

Сообщений: 465 Баллов: 95 Регистрация: 19.10.2012

#13

26.08.2021 20:10:56

Цитата
Асылбек Нургалиев написал: Как я понял, данный метод работает только с диска? Я то работаю через инфоблоки...

это точно будет работать:

Цитата

Ахат Баязи написал:
а почему готовый компонент не использовать: "bitrix:pdf.viewer"Код

Код

IncludeComponent(    "bitrix:pdf.viewer",
    "",
    Array(
        "HEIGHT" => "600",
        "IFRAME" => "N",
        "PATH" => "/upload/ISR6bMnaRq.pdf",
        "PRINT" => "N",
        "PRINT_URL" => "",
        "TITLE" => "",
        "VIEWER_ID" => "",
        "WIDTH" => "900"
    )
);?>

CJSCore::Init([ 'ui.viewer' ]); не работает с pdf файлами

Продукты

Управление сайтом

Битрикс24

Интернет-магазин + CRM

Решения

Для интернет-магазинов

Каталог готовых решений

Внедрение

Выбрать партнера

Проверить партнера

Стать партнером