WYSIWYG

A rich-text editor. Produces HTML string with following tags:

Formatting

Tag names

headings

<h1>, <h2>, <h3>, <h4>, <h5>, <h6>

paragraph

<p>

lists

<ol>, <ul>

bold

<strong

italic

<em>

subscript

<sub>

superscript

<sup>

underline

<u>

link

<a>

code block

<pre>, <code>

Some of the typography formatting is implemented with custom classes:

Formatting

Class name

font size

.ql-size-small, .ql-size-large, .ql-size-huge

block indent

.ql-indent-1, .ql-indent-2, ..., .ql-indent-<N>

right to left direction

.ql-direction-rtl

font family

.ql-font-serif, .ql-font-monospace

Example

{
  "key": "wysiwyg",
  "type": "wysiwyg",
  "default": "<p>hello<p><p>world</p>"
}