Встроенные редакторы

Распечатать/сохранить в PDF

В приведенных ниже шагах объясняется процесс подключения нескольких редакторов к одной и той же html-странице в Р7 Document Server.

Одновременная работа с несколькими редакторами доступна начиная с версии 5.5.

1. Создайте пустой html-файл.
2. Укажите ссылку на Сервер документов Р7 с API JavaScript, который будет использоваться для вашего сайта:

   <script type="text/javascript" src="https://documentserver/web-apps/apps/api/documents/api.js"></script>

   Где documentserver — это имя сервера, на котором установлен Сервер документов Р7.

3.  Добавьте элемент div, как показано ниже. Для того чтобы подключить к одной html странице несколько редакторов, каждый из них можно инициализировать отдельно:

   <div id="placeholder1"></div>
   <div id="placeholder2"></div>
   <div id="placeholder3"></div>
   ...
   

4. Добавьте скрипт, инициализирующий редактор документов для элемента div с конфигурацией документа, который вы хотите открыть. У каждого редактора есть свой скрипт инициализации:

   var documentEditor = new DocsAPI.DocEditor("placeholder1", {
       "document": {
           "fileType": "docx",
           "key": "Khirz6zTPdfd7",
           "title": "Example Document Title.docx",
           "url": "https://example.com/url-to-example-document.docx"
       },
       "documentType": "word"
   });
   
   var spreadsheetEditor = new DocsAPI.DocEditor("placeholder2", {
       "document": {
           "fileType": "xlsx",
           "key": "af86C7e71Ca8",
           "title": "Example Spreadsheet Title.xlsx",
           "url": "https://example.com/url-to-example-spreadsheet.xlsx"
       },
       "documentType": "cell"
   });
   
   var presentationEditor = new DocsAPI.DocEditor("placeholder3", {
       "document": {
           "fileType": "pptx",
           "key": "bv48M5r64Sf9",
           "title": "Example Presentation Title.pptx",
           "url": "https://example.com/url-to-example-presentation.pptx"
       },
       "documentType": "slide"
   });
   ...
   

   Где example.com — это имя сервера, на котором установлены менеджер документов и служба хранения документов.

5.  Чтобы закончить редактирование, необходимо вызвать метод destroyEditor для закрытия нужного редактора:

   documentEditor.destroyEditor();
   spreadsheetEditor.destroyEditor();
   presentationEditor.destroyEditor();
   ...
   

6. Откройте ваш html-файл в браузере.