Editor CKEditor Code Snippet

Editor CKEditor Code Snippet adds the Code Snippet plugin to Editor CKEditor.

Code Snipper provides the ability to embed code from various programming languages into CKEditor. Syntax highlighting is enabled for both code embedded in the editor and code displayed to site visitors.

Requirements

Editor CKEditor Code Snippet has one dependency.

Contributed modules

• Editor: CKEditor

Installation

• Editor can be installed via the standard Drupal installation process.
• Enable and configure CKEditor for your desired text format at /admin/config/content/formats.
• Move the Code Snippet button into the Active toolbar to enable it, or into the list of Available buttons to disable it.
• Once enabled, a list of configuration options will become available under the Code Snippet vertical tab, below the CKEditor plugin settings. Select an appropriate theme, limit the languages available on the Code Snippet dialog or change the CSS class of the element used internally for styling.

Related Modules

• CKEditor 5: Includes out-of-the-box support for embedding code snippets.
• Editor CKEditor Code Tag: Provides the ability to wrap text in <code></code> tags.