Skip to content

Add Copy Button and Language Name to Code Blocks in Code Highlighter Plugin #2

@itw-DheerG

Description

@itw-DheerG

Currently, code blocks rendered by the Code Highlighter plugin do not display the language name or provide a convenient way to copy the code. To improve user experience, enhance all code blocks by:

  • Wrapping each block in a container.
  • Displaying the detected language name (from the code class, e.g., language-plaintext).
  • Adding a "Copy" button that copies the code to the clipboard.
  • Ensuring the enhancement works on all pages, regardless of how code blocks are rendered.
  • Applying minimal, modern styling for the header and button.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions