QuillJS

QuillJS is an open source WYSIWYG editor. It uses Delta based editing.

Features

• Rich text editing with standard formatting like bold, italic, underline, strike, headers, blockquotes, code blocks, alignment, colors, fonts, lists, superscript/subscript, and indentation.

• Media and content embeds through toolbar support for links, images, video, and formulas.

• Delta-based document editing, so content can be read, written, sliced, composed, and updated precisely using Quill deltas instead of only raw HTML.

• HTML and plain-text access through Html and Text, so you can import/export rendered content easily.

• Selection APIs to get or set the current selection and apply or remove formatting to either the current selection or explicit ranges.

• Configurable toolbar, theme, placeholder, read-only mode, and autofocus

Code Example

private async void Page1_Load(object sender, System.EventArgs e)
{
    var delta = new QuillDelta();
    delta.Insert("Hello ");
    delta.Insert("QuillJS", new Dictionary<string, object> { ["bold"] = true });
    delta.Insert(" using deltas!");
    delta.Insert("\n");

    await quillJSEditor1.SetDeltaAsync(delta);
}

This code example assumes that you have already created a QuillJS editor- you can do so by dragging it from the toolbox into the designer. The default name for the editor, and the one used in this example is quillJSEditor1.

Deltas are unique to QuillJS and they allow you to describe the text in the editor including things like the color and if the text is bolded. In this example the text "QuillJS" is bolded. See below for what the editor looks like after this code is run:

How to Use

The QuillJS extension can be added to a Wisej.NET project using NuGet Package Manager.

Wisej-4-QuillJS 4.0.13nuget