这是indexloc提供的服务,不要输入任何密码
Skip to content

Add Code Block Formatting with Syntax Highlighting to Tiptap Editor #377

@DennisAlund

Description

@DennisAlund

Description

Implement the ability to format selected text as a code block in the Tiptap editor. The code block should also support syntax highlighting for various programming languages.

Requirements

  1. Code Block Formatting:

    • When text is selected and the code block option is chosen, the selected text should be formatted as a code block.
  2. Syntax Highlighting:

    • The code block should support syntax highlighting for different programming languages.
    • Highlight.js or a similar library should be used for syntax highlighting.
  3. Menu Integration:

    • Add an option to format text as a code block in the editor's bubble menu or toolbar.

Screenshots

Jun-27-2024 16-12-17

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

Status

Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions