Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nartix/tiptap-inline-code-highlight
Inline live code highlighting extension for Tiptap editor using lowlight and highlight.js
https://github.com/nartix/tiptap-inline-code-highlight
hightlightjs lowlight prosemirror tiptap
Last synced: 4 days ago
JSON representation
Inline live code highlighting extension for Tiptap editor using lowlight and highlight.js
- Host: GitHub
- URL: https://github.com/nartix/tiptap-inline-code-highlight
- Owner: nartix
- License: mit
- Created: 2024-03-23T15:18:54.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-12-17T06:58:18.000Z (29 days ago)
- Last Synced: 2024-12-30T11:43:38.926Z (16 days ago)
- Topics: hightlightjs, lowlight, prosemirror, tiptap
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/@nartix/tiptap-inline-code-highlight
- Size: 43 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# @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
```bash
npm install @nartix/tiptap-inline-code-highlight
```
## Import the extension
```javascript
import CodeInlineLowlight from '@nartix/tiptap-inline-code-highlight';
```
## Add it to your Tiptap editor
```javascript
const editor = new Editor({
extensions: [
CodeInlineLowlight.configure({
lowlight,
}),
],
});
```
## Demo
