Skip to content

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

License

Notifications You must be signed in to change notification settings

nartix/tiptap-inline-code-highlight

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

@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

Demo of Tiptap inline code highlight

About

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

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published