Skip to content
On this page

Code ​

Code field

The Code field generates a code editor using codemirror package. This field is hidden on Index view.

ruby
field :custom_css, as: :code, theme: 'dracula', language: 'css'

Options ​

theme

Customize the color theme.

Default value ​

material-darker

Possible values ​

material-darker, eclipse, or dracula

Preview the themes here: codemirror-themes.

language

Customize the syntax highlighting using the language method.

Default value ​

javascript

Possible values ​

css, dockerfile, htmlmixed, javascript, markdown, nginx, php, ruby, sass, shell, sql, vue or xml.

height

Customize the height of the editor.

Default value ​

auto

Possible values ​

auto, or any value in pixels (eg height: 250px).

tab_size

Customize the tab_size of the editor.

Default value ​

2

Possible values ​

Any integer value.

indent_with_tabs

Customize the type of indentation.

Default value ​

false

Possible values ​

true or false

line_wrapping

Customize whether the editor should apply line wrapping.

Default value ​

true

Possible values ​

true or false