https://github.com/maisonsmd/carta-plugin-ins-del
<ins> and <del> tags support for carta-md
https://github.com/maisonsmd/carta-plugin-ins-del
Last synced: 10 months ago
JSON representation
<ins> and <del> tags support for carta-md
- Host: GitHub
- URL: https://github.com/maisonsmd/carta-plugin-ins-del
- Owner: maisonsmd
- License: mit
- Created: 2024-01-22T05:01:57.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-08-13T14:59:43.000Z (almost 2 years ago)
- Last Synced: 2025-07-29T02:27:18.792Z (11 months ago)
- Language: JavaScript
- Size: 91.8 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# carta-plugin-ins-del
`` and `` tags support for [Carta](https://github.com/BearToCode/carta).
## Breaking changes in v2
- Update to support Carta v4
- Now this plugin is just a wrapper for [remark-ins](https://github.com/ipikuka/remark-ins)
- For del tag, use double tilde `~~` instead of double hyphen `--` to align with the rest of the markdown parsers
## Installation
```shell
npm i carta-plugin-ins-del
```
## Setup
### Styles
No default style are applied, you need to apply your own.
Example custom styles:
```css
.markdown-body ins {
text-decoration: none;
background-color: #d4fcbc;
}
.markdown-body del {
text-decoration: line-through;
background-color: #fbb;
color: #555;
}
```
### Extension
```svelte
import { Carta, CartaEditor } from 'carta-md';
import { insdel } from 'carta-plugin-ins-del';
const carta = new Carta({
extensions: [insdel()],
});
```
## Usage
This snippet:
```
There is ~~nothing~~ ++no code++ either good or bad, but ~~thinking~~ ++running it++ makes it so.
```
will generate this output:
