SSE Editor.js is a block-styled editor that outputs clean data in JSON format. It is designed to be extensible and pluggable, allowing developers to create custom blocks and integrate with various back-end systems. With a focus on user experience, SSE Editor.js provides a simple and intuitive interface for content creation.

• Features
• Getting Started
• Documentation
• Plugins
• Contributing
• License
• Contact

• Block-based Editing: Create content in blocks, allowing for flexible layouts and easy rearrangement.
• Clean Data Output: Outputs data in a structured JSON format, making it easy to store and manipulate.
• Extensible: Easily add custom blocks and tools to fit your specific needs.
• Rich Text Editing: Supports various formatting options, including headings, lists, images, and more.
• Cross-Platform: Works seamlessly across different devices and browsers.

1. Include SSE Editor.js in your project: You can install SSE Editor.js via npm or include it directly in your HTML.

npm install @sse-editor/editor.js -D
# or
yarn add @sse-editor/editor.js
# or
pnpm add @sse-editor/editor.js

Or include it via CDN:

<script src="https://cdn.jsdelivr.net/npm/@sse-editor/editor.js@latest"></script>

2. Initialize SSE Editor.js:

const editor = new SSEEditor({
    holder: 'sse_editorjs',
    tools: {
        header: Header,
        list: List,
        image: SimpleImage,
        // Add other tools here
    },
    onReady: () => {
        console.log('Editor.js is ready to use!');
    },
    onChange: () => {
        console.log('Content changed!');
    }
});

3. Save Data: To save the data, you can use the save method:

editor.save().then((outputData) => {
    console.log('Data saved: ', outputData);
}).catch((error) => {
    console.log('Saving failed: ', error);
});

Uploading Soon

Uploading Soon

Uploading Soon

We welcome contributions to Editor! If you would like to contribute, please follow these steps:

1. Fork the repository. (Repo)
2. Create a new branch (git checkout -b feature/YourFeature).
3. Make your changes and commit them (git commit -m 'Add some feature').
4. Push to the branch (git push origin feature/YourFeature).
5. Open a pull request.

Please make sure to follow our Code of Conduct and Contributing Guidelines.

SSE Editor.js is licensed under the MIT License. See the LICENSE file for more information.

For questions, suggestions, or feedback, please reach out to us:

• Github

Thank you for using SSE Editor!