Codemirror: просмотр и редактирование файлов с кодом
ONLYOFFICE Apps предоставляет плагин codemirror, который позволяет просматривать и редактировать файлы с кодом на различных языках программирования.
Настройка codemirror
Системные плагины включаются в настройках рабочего пространства владельцем и администраторами. После включения они доступны всем пользователям во всех приложениях, которые их поддерживают.
- Перейдите в раздел Настройки -> Интеграция -> Плагины.
- Нажмите на переключатель рядом с плагином codemirror, чтобы активировать его.
Чтобы начать работу с плагином, менять настройки по умолчанию не нужно, но вы можете включить или отключить некоторые параметры плагина:
-
Перейдите в раздел Настройки -> Интеграция -> Плагины.
-
Нажмите на значок шестеренки рядом с плагином codemirror.

-
Вы можете включить или отключить следующие параметры плагина:
- Highlight whitespaces — отображать пробелы в виде точек, а табуляции в виде стрелок.
- Highlight trailing whitespaces — подсвечивать пробелы в конце строки.
- Auto close tags — автоматически вставлять закрывающие теги при вводе символа > или / в HTML-подобных файлах.
-
Нажмите Сохранить, чтобы применить настройки.
Использование codemirror
Создание нового файла
-
Плагин доступен через кнопку Новое -> Еще в приложении Файлы или Комнаты.

-
При нажатии на Text file появляется всплывающее окно, в котором можно изменить или ввести имя файла. Обязательно укажите соответствующее расширение файла, например
style.css,script.jsи т. д.
-
Нажмите Создать, чтобы открыть редактор кода Codemirror во всплывающем окне, где можно редактировать содержимое файла. Список доступных сочетаний клавиш отображается справа от области редактирования.
-
Чтобы сохранить изменения, нажмите Сохранить. Чтобы закрыть редактор, нажмите на крестик в правом верхнем углу всплывающего окна.
-
Новый созданный файл появится в списке файлов.
Редактирование файлов
С помощью плагина Codemirror можно открывать ранее созданные или загруженные файлы. Нажмите на имя файла со значком Codemirror либо откройте контекстное меню файла, перейдите в Больше опций и выберите Edit file with Codemirror.

Интерфейс Codemirror

Поддерживаемые языки
- C / C++ (
cpp,cc,h,hpp) - CSS
- Go
- HTML / HTM
- Java (
java,class) - JavaScript / TypeScript (
js,jsx,ts,tsx) - JSON
- Liquid
- PHP
- Python
- Rust
- SCSS (
sass,scss) - SQL (
sql,mysql,pgsql,postgresql,sqlite,db,mssql,cql,plsql,mariadb) - WAST
- YAML