IT-блог Жаконды

В ходе использования ONLYOFFICE Docs в связке с Nextcloud, обнаружился не очень удобный момент как отображается редактор в Nextcloud.

Редактор ONLYOFFICE Docs в Nextcloud отображается с верхней панелью Nextcloud, что на мой взгляд не совсем удобно и немного путает пользователя.

В настройках приложения ONLYOFFICE нет возможности сделать отображение редактора на всю страницу, без отображения верхнего меню Nextcloud.

Решить это можно путем добавления JS сниппета в Nextcloud. Проще всего сделать это через приложение JavaScript loader — https://github.com/nextcloud/jsloader. После установки его в Nextcloud (надеюсь с этим ни у кого не возникнет проблем, если что пишите в комментариях), добавляете следующий JS код:

if (document.querySelector('.app-onlyoffice')) {
    const header = document.getElementById('header');
    if (header) {
        header.remove();
    }

    const style = document.createElement('style');
    style.textContent = `
        #content.app-onlyoffice, #body-public #content.app-onlyoffice {
			min-height: 0;
            margin: 0px !important;
        }

        #content.app-onlyoffice #app > iframe {
            margin: 0 !important;
            height: 100%;
        }
    `;
    document.head.appendChild(style);
}

Проверяем. Теперь редактор ONLYOFFICE Docs открывается на всю страницу.