# 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

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