Plugin screenshot thumbnail 1/6
Plugin screenshot thumbnail 2/6
Plugin screenshot thumbnail 3/6
Plugin screenshot thumbnail 4/6
Plugin screenshot thumbnail 5/6
Plugin screenshot thumbnail 6/6

Code Field is a Craft CMS field type that uses the craft-code-editor package to provide a modern code editor for content authors.

Code Field uses the Monaco editor that leverages the same core code that the popular VS Code editor uses.

That means it provides code highlighting, syntax checking, and autocompletion for over 80 languages.

It also has light, dark, and high contrast themes that can be chosen on a per-field basis.

It also sports as a variety of editor options such as font size, line numbers, code folding, and more.

You can convert existing text/code fields over to Code Field fields while retaining your content.

It works on its own, or with existing code syntax highlighting solutions like Shiki, highlight.js, Prism, etc.)

Installation Instructions

To install this plugin, copy the command above to your terminal.

Active Installs
1,236
Version
5.0.0
License
MIT
Compatibility
Craft 3, Craft 4, Craft 5
Tested on Cloud
Supports GraphQL
Last release
April 15, 2024
Activity (30 days)
2
Closed Issues
0
Open Issues
0
Merged PRs
0
Open PRs