open-index/open-npm huggingface dataset:
npm package: @samemichaeltadele/tiptap-compare
Description: Tip Tap change compare plugin 
Author: SameC137
Latest version: 0.0.3

# TiptapCompare

A Tiptap extension that provides real-time visual comparison between two versions of content in your editor. This plugin helps you track changes by highlighting additions, modifications, and deletions with different colors and styles.

## Features

- Visual diff highlighting for tiptap editor changes changes
- Support for different types of blocks (text, paragraphs, images)
- Color-coded changes:
  - Green background for added content
  - Red background with strikethrough for removed content
  - Yellow background for modified content
- Real-time comparison updates
- Support for nested content structures

## Installation

```bash
npm install @samemichaeltadele/tiptap-compare
```

## Usage

```typescript
import { ComparePlugin } from 'tiptap-compare'
import { Editor } from '@tiptap/core'

const editor = new Editor({
  extensions: [
    // ... other extensions
    ComparePlugin.configure({
      comparisonContent: ""
    })
  ]
})

// Update comparison content
editor.commands.setComparisonContent(newContent)
```
New content should be in json format like you would get by using the getJSON() comand on an editor

## Configuration

The plugin accepts the following options:

- `comparisonContent`: The content to compare against (default: empty string), should be the content with which it should be compared in json format. 


## Styling

The plugin uses the following CSS classes for styling:

- `diff-added`: Applied to added content (green background)
- `diff-removed`: Applied to removed content (red background with strikethrough)
- `diff-modified`: Applied to modified content (yellow background)

## License

MIT

## Author

SameC137 <samemichael1415@gmail.com>
npm package: @samemichaeltadele/tiptap-editor
Description: A Strapi v5 plugin that integrates a tiptap rich text editor using [reactjs-tiptap-editor](https://github.com/hunghg255/reactjs-tiptap-editor) as its foundation.
Author: @samemichaeltadele
Latest version: 0.0.10

# @samemichaeltadele/tiptap-editor

A Strapi v5 plugin that integrates a tiptap rich text editor using [reactjs-tiptap-editor](https://github.com/hunghg255/reactjs-tiptap-editor) as its foundation.

## Features

- Rich text editing capabilities powered by TipTap
- Modern UI components from reactjs-tiptap-editor
- Full compatibility with Strapi v5
- Code block support with syntax highlighting
- Typography extensions
- Image zoom functionality
- Dark mode support

## Installation

```bash
npm install @samemichaeltadele/tiptap-editor
```

## Configuration

1. Enable the plugin in your Strapi configuration:

```js
// config/plugins.js
module.exports = {
  'tiptap-editor': {
    enabled: true,
  }
};
```

2. Add the field type to your content-type:

```js
// content-types/your-content-type/schema.json
{
  "kind": "collectionType",
  "collectionName": "your_collection",
  "info": {
    "singularName": "your-content-type",
    "pluralName": "your-content-types",
    "displayName": "Your Content Type"
  },
  "options": {
    "draftAndPublish": true
  },
  "attributes": {
    "yourTtype": {
      "type": "customField",
      "customField": "plugin::tiptap-editor.tiptap-content"
    },
  }
}
```

You can also add the field from the content type builder under the custom tab on the field selection dialog

## Dependencies

This plugin uses the following key dependencies:

- [reactjs-tiptap-editor](https://github.com/hunghg255/reactjs-tiptap-editor) - Base editor implementation
- [@tiptap/starter-kit](https://tiptap.dev/docs/editor/api/kit) - Core TipTap functionality
- [@tiptap/extension-code-block-lowlight](https://tiptap.dev/docs/editor/api/nodes/code-block-lowlight) - Code block support
- [@tiptap/extension-typography](https://tiptap.dev/docs/editor/api/extensions/typography) - Typography features

## Requirements

- Strapi v5.x
- Node.js 16.x or later
- React 18.x

## License

MIT

## Author

[@samemichaeltadele](https://github.com/samemichaeltadele)