[1.1.x] Highlight Js syntax highlighter

Created on 21 February 2024, 9 months ago

Description

The Highlight Js(CKEditor5) module for Drupal 9/10 enriches the content editing experience by integrating the powerful syntax highlighter, Highlight Js, into CKEditor5. This module empowers content editors to incorporate stylishly highlighted source code snippets into their Drupal content without the need for elevated permissions.

This module integrates the Highlight.js library (version 11.9.0) into Drupal websites, enhancing the syntax highlighting capabilities for code snippets within content. Highlight.js is a widely-used JavaScript library that provides a simple and efficient way to highlight and style code on web pages, supporting a multitude of programming languages and markup formats.

Features

  • Syntax Highlighting: The module leverages the capabilities of the Highlight.js library to automatically detect and highlight syntax in code snippets embedded within Drupal content. This ensures that code is not only displayed but also visually enhanced for better readability.
  • Wide Language Support: Highlight.js supports a vast array of programming languages and markup formats, ranging from popular ones like JavaScript, HTML, and CSS to more specialized languages. The Drupal module inherits this language support, making it versatile for developers working with various technologies.
  • Integration with Drupal Content: The module seamlessly integrates into the Drupal content management system, allowing users to add code snippets to articles, pages, or other content types. By doing so, it provides a user-friendly solution for developers and content creators who wish to display code examples in their Drupal-powered websites.
  • Customization Options: Users have the flexibility to customize the appearance of the highlighted code through various configuration settings. This includes choosing different color schemes, adjusting the copy buttom, and available programming language settings on the editor.
  • Responsive Design: The module and the underlying Highlight.js library are designed to be responsive, ensuring that the syntax-highlighted code adapts well to different screen sizes and devices. This is crucial for maintaining a consistent and user-friendly experience across various platforms.

Project link

https://www.drupal.org/project/highlight_js โ†’

๐Ÿ“Œ Task
Status

Closed: duplicate

Component

module

Created by

๐Ÿ‡ณ๐Ÿ‡ตNepal sujan shrestha Nepal๐Ÿ‡ณ๐Ÿ‡ต, Kathmandu

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024