BlazorEditorJs

screenshot of BlazorEditorJs

A simple editorjs implementation as a blazor component - HTML / C# / CSS / JavaScript

Overview

The implementation of EditorJS as a Blazor component introduces a versatile block-styled editor that captures the functionality of EditorJS.io directly within your Blazor applications. This component allows developers to take advantage of EditorJS's powerful editing capabilities while maintaining the seamless experience of Blazor. With its straightforward setup and extensive customization options, this tool is designed for both novice and experienced developers looking to integrate rich editing experiences into their applications.

What sets this Blazor implementation apart is its ability to not only load essential plugins but also to support custom ones, making it a flexible choice for various editorial tasks. Users can easily configure the editor according to their specific needs with the integration of JavaScript, ensuring a smooth interaction between C# and the component.

Features

  • Simple Integration: Easily add the component to your Blazor pages with minimal setup, just include the necessary NuGet package and JavaScript dependencies.
  • Flexible Plugin Loading: Choose to load all available plugins or select only the required ones to optimize performance based on needs.
  • Component Configuration: Tailor the editor's functionality through the EditorTools and EditorConfigurations JsonObject, allowing for extensive customization.
  • Change Handling Method: Implement a callback method, OnEditorValueChanged, to manage changes in the editor content, ensuring data flow between the editor and your Blazor application remains seamless.
  • Rich Tool Support: Access a variety of tools out of the box, including text formatting, links, and lists, enhance the editing experience.
  • Custom Plugin Support: Extend functionality by easily adding custom EditorJS plugins, providing even more flexibility for specific use cases.
  • Intuitive Output Handling: Generate outputs in well-defined configurations, making it easy to manipulate and display the edited content.