Appearance
Code

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