nartix / tiptap-inline-code-highlight

Inline live code highlighting extension for Tiptap editor using lowlight and highlight.js

@nartix/tiptap-inline-code-highlight

This package is a port of @tiptap/extension-code-block-lowlight but for highlighting inline codes in the TipTap editor. It uses Lowlight to highlight codes.

Usage

npm install @nartix/tiptap-inline-code-highlight

Import the extension

import CodeInlineLowlight from '@nartix/tiptap-inline-code-highlight';

Add it to your Tiptap editor

const editor = new Editor({
  extensions: [
    CodeInlineLowlight.configure({
      lowlight,
    }),
  ],
});

Demo