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