Field Render

Display a code editor area using the built-in WP Core Codemirror library. Multiple languages highlights are available: Text/HTML, Javascript, CSS, PHP mixed & PHP plain.

Field Group

Field Settings

Setting nameDescription
Default ValueAppears when creating a new post
PlaceholderAppears within the input
Editor modeCode highlight type
Show LinesWhether to show line numbers to the left of the editor
Indent UnitHow many spaces a block (whatever that means in the edited language) should be indented
Character LimitLeave blank for no limit
RowsSets the textarea height
Max rowsSets the textarea max height

Field Value

Value can then be retrieved using the common get_field() function. The returned data are decoded HTML entities. Usage example:

$code_editor = get_field('code_editor');

 * <div class="my-class">
 *     <p>Lorem ipsum dolor sit amet.</p>
 *     <p>Praesent sapien massa, convallis.</p>
 * </div>
 * <div class="my-class-2">
 *     <p>Lorem ipsum dolor sit amet.</p>
 *     <p>Praesent sapien massa, convallis.</p>
 * </div>