В приведенных ниже шагах объясняется процесс подключения нескольких редакторов к одной и той же 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-файл в браузере.