• Post category:Редактор
  • Запись изменена:14.11.2024


Описание
Раздел кастомизации позволяет настроить интерфейс редактора так, чтобы он был похож на другие ваши продукты (если они есть), а также изменить наличие или отсутствие дополнительных кнопок, ссылок, изменить логотипы и информацию о владельце редактора.

Параметры
НазваниеОписаниеТипПример
Добавляет запрос на анонимное имя:

  • request — определяет, отправлен запрос или нет. Значение по умолчанию true,
    type: логический,
    example: true;
  • label — a к имени пользователя добавлен постфикс. Значение по умолчанию Guest,
    type: строковый,
    example: «Guest»;
object{ «request»: true, «label»: «Guest» }
Определяет, включена или отключена опция меню Автосохранение. Если установлено значение false, можно выбрать только режим совместного редактирования Strict, так как Fast не работает без автосохранения. Значение по умолчанию true.логическийtrue
Обратите внимание, что в случае изменения этого параметра в интерфейсе редактора он будет сохранен в локальном хранилище браузера и перезапишет любые значения, отправленные в качестве параметра editorConfig.customization.autosave.
Определяет, отображается ли кнопка меню Чата или скрыта. Обратите внимание, что если вы скроете кнопку чата, соответствующий функционал чата также будет отключен. Значение по умолчанию true. Устарело с версии 7.1, вместо этого используйте параметр document.permissions.chatлогическийtrue
Определяет, может ли пользователь редактировать и удалять только свои комментарии. Значение по умолчанию false. Устарело, начиная с версии 6.3. Вместо этого используйте поля document.permissions.editCommentAuthorOnly и ddocument.permissions.deleteCommentAuthorOnlyлогическийtrue
Определяет, отображается ли кнопка меню «Комментарии» или скрыта. Обратите внимание, что если вы скроете кнопку «Комментарии», соответствующий функционал комментирования будет доступен только для просмотра, добавление и редактирование комментариев будет недоступно. Значение по умолчанию true.логическийtrue
Определяет, будут ли кнопки дополнительных действий отображаться в верхней части заголовка окна редактора рядом с логотипом (false) или на панели инструментов (true), делая заголовок более компактным. Значение по умолчанию false.логическийfalse
Определяет, является ли отображаемый тип верхней панели инструментов полной (false) или компактной (true). Значение по умолчанию false.логическийfalse
Обратите внимание, что в случае изменения этого параметра в интерфейсе редактора он будет сохранен в локальном хранилище браузера и перезапишет любые значения, отправленные в качестве параметра editorConfig.customization.compactToolbar.
Определяет использование функций, совместимых только с форматом OOXML. Например, не используйте комментарии ко всему документу. Значение по умолчанию false.логическийfalse
Содержит информацию, которая будет отображаться в разделе «О редакторе» и видна всем пользователям редактора. Объект имеет следующие параметры:

  • address — почтовый адрес компании или лица, дающего доступ к редакции или авторам редакции
    тип: строковый,
    пример: «My City, 123a-45»;
  • info — некоторая дополнительная информация о компании или человеке, которого вы хотите, чтобы другие знали,
    тип: строковый,
    пример: «некоторая дополнительная информация «;
  • logo — путь к изображению логотипа (особых рекомендаций по этому файлу нет, но было бы лучше, если бы он был в формате .png с прозрачным фоном). Изображение должно иметь следующие размеры: 432×70,
    тип: строковый,
    пример: «https://example.com/logo-big.png».
  • logoDark —  путь к изображению в темной теме (особых рекомендаций по этому файлу нет, но было бы лучше, если бы он был в формате .png с прозрачным фоном). Изображение должно иметь следующие размеры: 432×70,
    тип: строковый,
    пример: «https://example.com/dark-logo-big.png».
  • mail — адрес электронной почты компании или лица, дающего доступ к редакции или авторам редакции,
    тип: строковый,
    пример: «john@example.com».
  • name — имя компании или лица, дающего доступ к редакции или авторам редакции,
    тип: строковый,
    пример: «John Smith and Co.»;
  • phone — телефонный номер компании или лица, дающего доступ к редакции или авторам редакции,
    тип: строковый,
    примре: «123456789»;
  • www — домашний адрес веб-сайта вышеуказанной компании или лица,
    тип: строковый,
    пример: «example.com».
object{ «address»: «My City, 123a-45», «info»: «Some additional information», «logo»: «https://example.com/logo-big.png», «logoDark»: «https://example.com/dark-logo-big.png», «mail»: «john@example.com», «name»: «John Smith and Co.», «phone»: «123456789», «www»: «example.com» }
Определяет параметры, которые пользователь может отключить или кастомизировать, если это возможно.:

  • Проверка орфографии — определяет, будет ли автоматически включаться или выключаться проверка орфографии при загрузке редактора. Если этот параметр является логическим, то он устанавливается в качестве начального значения проверки орфографии, и настройка проверки орфографии не будет скрыта. Значение по умолчанию true,
    тип: объект или логический,
    пример: true;
  • spellcheck.mode — определяет, будет ли автоматически включаться или выключаться проверка орфографии при загрузке редактора. Данный параметр будет доступен только для редактора документа и презентации.
    тип: логический ,
    пример: true;
объект{ «spellcheck»: { «mode»: true } }
Обратите внимание, что в случае изменения настройки проверки орфографии в интерфейсе редактора она будет сохранена в локальном хранилище браузера и перезапишет любые значения, отправленные в качестве параметра editorConfig.customization.features.spellcheck.
Определяет настройки для кнопки меню «Обратная связь и поддержка». Может быть логическим (просто отображает или скрывает кнопку меню «Обратная связь и поддержка») или объектом. В случае типа объекта доступны следующие параметры:

  • url — абсолютный URL-адрес адреса веб-сайта, который будет открыт при нажатии кнопки меню «Обратная связь и поддержка»,
    тип: строковый ,
    пример: «https://example.com»;
  • visible — показывает или скрывает кнопку меню «Обратная связь и поддержка»,
    тип: логический,
    пример: true.

Значение по умолчанию false.

логический или объектtrue
Добавляет запрос на принудительное сохранение файла в обработчик обратного вызова при сохранении документа в службе редактирования документов (например, при нажатии кнопки «Сохранить» и т. д.). Значение по умолчанию false.логическийfalse
Обратите внимание, что в случае изменения этого параметра в интерфейсе редактора он будет сохранен в локальном хранилище браузера и перезапишет любые значения, отправленные в качестве параметра editorConfig.customization.forcesave.
Определяет настройки для кнопки меню «Открыть местоположение файла» и кнопки в верхнем правом углу. Объект имеет следующие параметры:

  • blank — открывает веб-сайт в новой вкладке/окне браузера (если установлено значение true) или в текущей вкладке (если установлено значение false) при нажатии кнопки «Открыть местоположение файла». Значение по умолчанию true,
    тип: логическкий,
    пример: true;
  • requestClose — Определяет, что при нажатии кнопки «Открыть местоположение файла» вместо открытия вкладки или окна браузера вызывается событие events.onRequestClose. Значение по умолчанию false. 
    тип: логический,
    пример: false;
  • text —  текст, который будет отображаться для кнопки меню «Открыть местоположение файла» и кнопки в правом верхнем углу (т. е. вместо «Перейти к документам»),
    тип: строковый,
    пример: «Открыть местоположение файла»;
  • url — абсолютный URL адреса веб-сайта, который будет открыт при нажатии кнопки меню «Открыть местоположение файла»,
    тип: строковый,
    пример: «https://example.com».
логический или объектtrue
Определяет, отображается ли кнопка меню «Справка» или скрыта. Значение по умолчанию trueлогическийtrue
Определяет, будет ли отображаться панель заметок при первой загрузки. Значение по умолчанию false. Данный параметр доступен только для редакторования презентации.логическийfalse
Обратите внимание, что в случае изменения этого параметра в интерфейсе редактора он будет сохранен в локальном хранилище браузера и перезапишет любые значения, отправленные в качестве параметра editorConfig.customization.hideNote
 Определяет, отображается ли правое меню при первой загрузке или скрыто. Значение по умолчанию falseлогическийfalse
Обратите внимание, что в случае изменения этого параметра в интерфейсе редактора он будет сохранен в локальном хранилище браузера и перезапишет любые значения, отправленные в качестве параметра editorConfig.customization.hideRightMenu.
Определяет, будут ли линейки редактора отображаться или будут скрыты.Этот параметр доступен для редакторов документов и презентаций. Значение по умолчанию — false для редактора документов и true для презентаций.логическийfalse
Изменяет файл изображения в верхнем левом углу заголовка редактора. Рекомендуемая высота изображения — 20 пикселей. Объект имеет следующие параметры:

  • image — путь к файлу изображения, используемому для отображения в обычном режиме работы (т. е. в режимах просмотра и редактирования для всех редакторов) или во встроенном режиме (см. раздел конфигурации, чтобы узнать, как определить встроенный тип документа). Изображение должно иметь следующие размеры: 172×40,
    тип: строковый,
    пример: «https://example.com/logo.png»;
  • imageDark — путь к файлу изображения, используемому для темной темы. Изображение должно иметь следующие размеры: 172×40,
    тип: строковый,
    пример: «https://example.com/dark-logo.png»;
  • imageEmbedded — путь к файлу изображения, используемому для отображения во встроенном режиме (см. раздел конфигурации, чтобы узнать, как определить тип встроенного документа). Изображение должно иметь следующий размер: 248×40. Устарело с версии 7.0, вместо этого используйте image field
    тип: строковый,
    пример: «https://example.com/logo_em.png»;
  • url — абсолютный URL-адрес, который будет использоваться, когда кто-то щелкнет изображение логотипа (может использоваться для перехода на ваш веб-сайт и т. д.). Оставьте пустую строку или ноль, чтобы сделать логотип не кликабельным,
    тип: строковый,
    пример: «https://example.com».
объект
Определяет, будут ли автоматически запускаться макросы документа при открытии редактора. Значение по умолчанию true. Значение false скрывает настройки макроса от пользователя.логическийtrue
Определяет режим запуска макросов при включенном автозапуске. Может принимать следующие значения:

  • disable — не запускает макросы вообще ;
  • enable — запускает макросы автоматически ;
  • warn — предупреждает о макросах и запрашивает разрешение их их запуск.

Значение по умолчанию warn.

строковыйwarn
Обратите внимание, что в случае изменения этого параметра в интерфейсе редактора он будет сохранен в локальном хранилище браузера и перезапишет любые значения, отправленные в качестве параметра editorConfig.customization.macrosMode.
Определяет подсказку, описывающую событие после упоминания в комментарии. Если true, подсказка указывает, что пользователь получит уведомление и доступ к документу. Если false, подсказка указывает, что пользователь получит только уведомление об упоминании. Значение по умолчанию true.логическийtrue
Обратите внимание, что это будет доступно только для комментариев, если установлено событие onRequestSendNotify
 Определяет, будут ли плагины запущены и доступны. Значение по умолчанию true.логическийtrue
Содержит информацию о режиме просмотра. Объект имеет следующие параметры:

  • hideReviewDisplay — определяет, будет ли отображаться или скрыта кнопка режима Отображения на вкладке «Совместная работа». Значение по умолчанию false,
    тип: логический,
    пример: false;
  • hoverMode — определяет режим отображения обзора: показывать обзоры во всплывающих подсказках, наводя курсор на изменения (true), или во всплывающих выносках, щелкая изменения (false). Значение по умолчанию false.
    тип: логический,
    пример: false;
  • reviewDisplay — определяет режим редактирования обзора, который будет использоваться при открытии документа для просмотра. Он будет доступен только для редактора документов, если установлен режим просмотра. Может принимать следующие значения:
    markup — документ отображается с выделенными предлагаемыми изменениями;
    simple — документ отображается с выделенными предлагаемыми изменениями, но всплывающие выноски отключены;
    final — документ отображается со всеми примененными предложенными изменениями;
    original —  документ отображается без предлагаемых изменений.
    The default value is original,
    тип: строковый,
    пример: «original»;
  • showReviewChanges — определяет, будет ли панель просмотра исправлений автоматически отображаться или скрываться при загрузке редактора. Значение по умолчанию false,
    тип: логический,
    пример: false;
  • trackChanges — определяет, открыт ли документ в режиме редактирования просмотра (true) или нет (false) независимо от параметра document.permissions.review (режим просмотра изменяется только для текущего пользователя). Если параметр не определен, используется значение document.permissions.review (для всех пользователей документа),
    тип: логический,
    пример: true.
объект{ «hideReviewDisplay»: false, «showReviewChanges»: false, «reviewDisplay»: «original», «trackChanges»: true, «hoverMode»: false }
Параметры showReviewChanges, reviewDisplay trackChanges устарели, начиная с версии 7.0. Вместо этого используйте параметр обзора.
Обратите внимание, что в случае изменения этого параметра в интерфейсе редактора он будет сохранен в локальном хранилище браузера и перезапишет любые значения, отправленные в качестве параметров editorConfig.customization.review.hoverMode и editorConfig.customization.review.reviewDisplay.
Определяет режим редактирования просмотра в редакторе документов. Этот параметр может принимать следующие значения:

  • markup — документ отображается с выделенными предлагаемыми изменениями;
  • simple — документ отображается с выделенными предлагаемыми изменениями, но всплывающие выноски отключены;
  • final — документ отображается со всеми примененными предложенными изменениями;
  • original — исходный документ отображается без предлагаемых изменений.

The default value is original for viewer and markupfor editor.

строковыйoriginal
Устарело с версии 7.0. Вместо этого используйте параметр review.reviewDisplay.
Обратите внимание, что в случае изменения этого параметра в интерфейсе редактора он будет сохранен в локальном хранилище браузера и перезапишет любые значения, отправленные в качестве параметра editorConfig.customization.reviewDisplay.
Определяет, будет ли панель просмотра изменений автоматически отображаться или скрываться при загрузке редактора. Значение по умолчанию false.логическийfalse
Устарело с версии 7.0. Вместо этого используйте параметр review.showReviewChanges
Определяет, будет ли проверка орфографии автоматически включаться или выключаться при загрузке редактора. Проверка орфографии будет доступна только для редактора документов и редактора презентаций. Значение по умолчанию true.логическийtrue
Устарело с версии 7.1. Вместо этого используйте параметр features.spellcheck
Обратите внимание, что в случае изменения этого параметра в интерфейсе редактора он будет сохранен в локальном хранилище браузера и перезапишет любые значения, отправленные в качестве параметра editorConfig.customization.spellcheck.
Определяет, будет ли заголовок документа отображаться на верхней панели инструментов (false) или скрыт (true). Значение по умолчанию false.логическийfalse
Обратите внимание, что этот параметр используется, когда для параметров compactHeader и toolbarNoTabs установлено значение true.
Определяет, будут ли верхние вкладки панели инструментов отображаться отчетливо (false) или будут выделены только для того, чтобы увидеть, какая из них выбрана (true). Значение по умолчанию false.логическийfalse
Определяет, будет ли документ открыт в режиме редактирования (true) или нет (false) независимо от параметра document.permissions.review (режим просмотра изменяется только для текущего пользователя). Если параметр не определен, используется значение document.permissions.review (для всех пользователей документа).логическийtrue
Устарело с версии 7.0. Вместо этого используйте параметр review.trackChanges
Определяет настройки темы редактора. Его можно установить двумя способами:

  • theme id  — пользователь задает параметр темы по ее идентификатору (theme-lighttheme-classic-lighttheme-darktheme-contrast-dark),
  • default theme — будет установлено значение темной или светлой темы по умолчанию (default-darkdefault-light). Светлая тема по умолчанию — theme-classic-light.

Первый вариант имеет более высокий приоритет.

Помимо доступных тем редактора, пользователь также может настроить/кастомизировать свои собственные цветовые темы для интерфейса приложения.

строковыйtheme-dark
Обратите внимание, что в случае изменения этого параметра в интерфейсе редактора он будет сохранен в локальном хранилище браузера и перезапишет любые значения, отправленные в качестве параметра editorConfig.customization.uiTheme.
Определяет единицы измерения, используемые на линейке и в диалоговых окнах. Может принимать следующие значения:

  • cm — сантиметры,
  • pt — пинты,
  • inches — дюймы.

Значения по умолчанию сантиметры (cm).

строковыйcm
Обратите внимание, что в случае изменения этого параметра в интерфейсе редактора он будет сохранен в локальном хранилище браузера и перезапишет любые значения, отправленные в качестве параметра editorConfig.customization.unit.
Определяет значение масштабирования отображения документа, измеряемое в процентах. Может принимать значения больше 0. Для текстовых документов и презентаций этот параметр можно установить на -1 (опция подгонки документа под страницу) или до -2 (подгонка ширины страницы документа под страницу редактора). Значение по умолчанию — 100.целое число100
Обратите внимание, что в случае изменения этого параметра в интерфейсе редактора он будет сохранен в локальном хранилище браузера и перезапишет любые значения, отправленные в качестве параметра editorConfig.customization.zoom.

* — доступно для редактирования только для Р7 Developer Edition
и связанных пунктов:

  • logo*
  • customer*
Пример
var docEditor = new DocsAPI.DocEditor("placeholder", {
    "editorConfig": {
        "customization": {
            "anonymous": {
                "request": true,
                "label": "Guest"
            },
            "comments": true,
            "compactHeader": false,
            "compactToolbar": false,
            "compatibleFeatures": false,
            "customer": {
                "address": "My City, 123a-45",
                "info": "Some additional information",
                "logo": "https://example.com/logo-big.png",
                "logoDark": "https://example.com/dark-logo-big.png",
                "mail": "john@example.com",
                "name": "John Smith and Co.",
                "phone": "123456789",
                "www": "example.com"
            },
            "features": {
                "spellcheck": {
                    "mode": true,
                }
            },
            "feedback": {
                "url": "https://example.com",
                "visible": true
            },
            "forcesave": false,
            "goback": {
                "blank": true,
                "requestClose": false,
                "text": "Open file location",
                "url": "https://example.com"
            },
            "help": true,
            "hideNotes": false,
            "hideRightMenu": false,
            "hideRulers": false,
            "logo": {
                "image": "https://example.com/logo.png",
                "imageDark": "https://example.com/dark-logo.png",
                "url": "https://www.Р7.com"
            },
            "macros": true,
            "macrosMode": "warn",
            "mentionShare": true,
            "plugins": true,
            "review": {
                "hideReviewDisplay": false,
                "showReviewChanges": false,
                "reviewDisplay": "original",
                "trackChanges": true,
                "hoverMode": false
            },
            "toolbarHideFileName": false,
            "toolbarNoTabs": false,
            "uiTheme": "theme-dark",
            "unit": "cm",
            "zoom": 100
        },
        ...
    },
    ...
});

Где example.com — это имя сервера, на котором установлены менеджер документов и служба хранения документов. Дополнительные сведения о взаимодействии клиент-сервер службы Сервера документов см. в разделе Как это работает .

Конфигурация редактора

описание

Раздел editorConfig позволяет изменить параметры, относящиеся к интерфейсу редактора: режим открытия (просмотр или редактор), язык интерфейса, дополнительные кнопки и т. д.).

Режим
Редактирование

Кастомизация

Здесь вы можете увидеть как влияют на внешний вид некоторые настройки

Управление слоями layout:

Config.js
Скопируйте ниже HTML код как пример для вашего редактора

          var docEditor = new DocsAPI.DocEditor("placeholder", {
    "editorConfig": {
        "actionLink": "ACTION_DATA",
        "createUrl": "URL",
        "user": "user",
        "lang": "ru",
        "mode": "edit",
        "customization": {
            "layout": {
                "toolbar": {
                    "file": { // menu file
                                close: false / true, // close menu button
                                settings: false / true, // advanced settings
                                info: false / true // document info
                                save: false/true // save button
                            } / false / true,
                    "view": true,
                    "layout": true,
                    "references": true,
                    "collaboration": true,
                    "draw": true,
                    "protect": true,
                    "plugins": true,
                },
            },
            "anonymous": {
                "request": false,
                "label": "Guest"
            },
            "uiTheme": "theme-classic-light",
            "zoom": 80
        }
        ,
        ...
    },
    ...
});