Запросить демо
Запросить демо
Документерра: руководство пользователя

Стили и скрипты проекта

При создании проекта на основе шаблона автоматически создается пара CSS-файлов и скрипт-файлов—данные файлы получены из шаблона и содержат специфические для шаблона стилевые определения. Данные файлы хранятся в файловом хранилище Документерры. CSS-файлы можно просмотреть на вкладке Стили файлового хранилища, а скрипт-файлынаходятся на вкладке Скрипты. Далее на этой странице вы узнаете, как работать с этими файлами в файловом хранилище Документерры, а также как совместно использовать стили и скрипты в различных проектах.

Примечание
В приведенном ниже пояснении в качестве примера используется вкладка Стили. Все действия идентичны для вкладки Скрипты.

Для просмотра CSS-файла :

  • Откройте диспетчер файлов и перейдите на вкладку Стили.
    Вкладка «Стили» диспетчера файлов
  • Щелкните папку Проект или Публикация, чтобы перейти в нее и увидеть CSS-файлы.
    Откройте папку проекта или публикации, чтобы увидеть файлы 

Чтобы добавить новый файл, загрузите его с ПК, нажав на кнопку Обзор... или перетащите файл в область загрузки справа. 

Область предпросмотра в диспетчере файлов

Здесь же можно открыть для редактирования CSS-файл. Достаточно дважды щелкнуть на нужном файле, и он откроется в новом окне Редактора CSS-файлов Документерры. Кроме того, можно выделить файл и нажать кнопку Просмотр файла в правом нижнем углу (она станет активной после выделения файла).

Стили являются условными элементами. Это означает, что в зависимости от условных тегов можно использовать разные файлы стилей для разных условных публикаций.

Совместное использование стилей в разных проектах

В системе Документерра существует возможность совместного использования CSS-файлов в разных проектах. Например, можно создать в диспетчере файлов одну папку для хранения всех CSS-файлов и использовать данные файлы повсеместно для централизованного управления стилями.

Чтобы назначить существующий CSS-файл на проект :

  • Перейдите в раздел Текущий проект → Настройки → Общие → Основные настройки или щелкните на элементе Управление CSS-файлами проекта на вкладке Домашняя страница редактора, как показано на скриншоте ниже.
    Элемент «Управление CSS-файлами проекта» на вкладке «Домашняя страница» редактора
  • На странице Основные настройки можно просмотреть все CSS-файлы, примененные к текущему проекту, и отредактировать их, вызывая элементы редактирования при наведении курсора мыши на CSS-файл. Вы можете Удалить его, Открыть для редактирования, переместить его вверх или вниз и открыть его Свойства публикации .
    Элементы редактирования CSS-файлов на странице основных настроек 
  • На той же странице настроек можно добавить любой существующий CSS-файл, хранящийся в файловом хранилище Документерры, в текущий проект, выбрав его в выпадающем окне —просто выберите существующий файл в списке или начните вводить имя файла для быстрого поиска.   Вы также можете щелкнуть на ссылке создать новый файл. После этого новый пустой CSS-файл будет добавлен в список ниже.
    Примечание
    Чем ниже файл находится в списке, тем выше его приоритет.
    Выберите CSS-файл из выпадающего окна в основных настройках 
  • После завершения работы сохраните изменения.

Если несколько проектов должны иметь одинаковый стиль, создайте общий CSS-файл и добавляйте его в настройки этих проектов по очереди. Например, обратите внимание, что на скриншотах выше мы имеем два CSS-файла: один для обычной публикации, а другой —для печатной версии той же документации.   

Узнайте подробности управления проектами