Codemirror: viewing and editing code files

In ONLYOFFICE DocSpace, system plugins can be enabled by the owner and administrators. Once enabled, the plugins are available to all users.

1. Go to the DocSpace Settings -> Integration -> Plugins.
2. Click the toggle next to the codemirror plugin to activate it.

To start working with the plugin, it is not needed to change the default settings, but you can enable or disable some plugin parameters:

1. Go to the DocSpace Settings -> Integration -> Plugins.
2. Click the gear symbol next to the codemirror plugin.
   
3. You can enable or disable the following plugin parameters:
   • Highlight whitespaces - display whitespaces as dots and tabs as arrows.
   • Highlight trailing whitespaces - highlight whitespaces at the end of a line.
   • Auto close tags - automatically insert closing tags when a > or / character is typed in HTML-like files.
4. Click Save to apply the settings.

Creating a new file

• The plugin is available via the Actions button -> More in the Documents section or in the selected room.
  
• When you click Text file, a pop-up window appears where you can change/enter the file name. Make sure to include the appropriate file extension, such as style.css, script.js, etc.
  
• Click Create to open the Codemirror code editor in a new pop-up window where you can edit the file content. The list of available keyboard shortcuts is displayed to the right of the editing area.
• To save the changes, click Save. To close the editor, click the cross in the upper right corner of the pop-up window.
• The newly created file appears in the file list.

You can open previously created or uploaded files using the Codemirror plugin. Click the file name with the Codemirror icon, or open the file context menu, navigate to More options, and select Edit file with Codemirror.

Codemirror interface

• 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