SCROLL
Среднее время на прочтение: 2 мин.

Отображение ONLYOFFICE Docs на всю страницу в Nextcloud

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

Ниже описанные действия протестирована на версиях:
— Nextcloud Hub 8 (29.0.3)
— Nextcloud Hub 9 (30.0.2)
— ONLYOFFICE Docs (8.2.1.38)

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

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

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

JavaScript
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 открывается на всю страницу.

Обсуждение

0 комментариев

Нет комментариев.