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

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

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


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

  • Откройте хранилище файлов и перейдите на вкладку Стили.

Выбор вкладки Стили.

  • Выберите папку Проекта или Публикации, чтобы перейти в нее и увидеть CSS-файлы.

Выбор папки проекта. 

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

Загрузка нового файла.


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

Просмотр файла в новом окне.

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

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

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

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

  • Перейдите в Текущий проект → Настройки → Общее → Основные настройки или щелкните на элементе Управление файлами стилей проекта в режиме редактирования документации.
Управление файлами стилей проекта.

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

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

Примечание
Чем ниже файл находится в списке, тем выше его приоритет.

Создать новый файл стилей проекта.

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

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