https://github.com/cychann/editorjs-quote
Improved Editor.js Quote Block
https://github.com/cychann/editorjs-quote
editorjs editorjs-plugin editorjs-tool quote
Last synced: 20 days ago
JSON representation
Improved Editor.js Quote Block
- Host: GitHub
- URL: https://github.com/cychann/editorjs-quote
- Owner: cychann
- Created: 2024-11-27T05:40:29.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-03-30T04:22:21.000Z (20 days ago)
- Last Synced: 2025-03-30T05:20:04.224Z (20 days ago)
- Topics: editorjs, editorjs-plugin, editorjs-tool, quote
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/@cychann/editorjs-quote
- Size: 408 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-editorjs - @cychann/editorjs-quote - Improved Quote Block Tool (Includes more quote styles) (Tools / Block Tools)
README
# EditorJS Quote Block
Provides a wider range of style-type quote blocks for [Editor.js](https://editorjs.io/).
This library was contributed to the [Awesome Editor.js repository](https://github.com/editor-js/awesome-editorjs).
## Preview
## Installation
Get the package:
```bash
yarn add @cychann/editorjs-quote
```
Include module in your application:
```javascript
import Quote from "@cychann/editorjs-quote";
```
## Usage
Add a new Tool to the tools property of the Editor.js initial config.
```javascript
const editor = new EditorJS({
holder: "editor",
tools: {
quote: {
class: Quote,
config: {
defaultType: "quotationMark",
},
shortcut: "CMD+SHIFT+O",
},
},
});
```
### Configuration Options
- **defaultType**: The default type of the quote block. Possible values are:
- `quotationMark`: Uses the quotation mark icon. (Default)
- `verticalLine`: Uses a vertical line style.
- `boxed`: Uses a boxed style.