@teamhive/rich-text-editor v2.3.2

Hive Rich Text Editor

This web component allows you to add rich text editing to your applications.

Features

• Add styling to your text inputs
• Fully customizable toolbar
• Flexbox based

Installation

• npm i @teamhive/rich-text-editor

Usage

Somewhere in your project (e.g. main.ts):

import { defineCustomElements } from '@teamhive/rich-text-editor/dist/loader';
defineCustomElements(window);

<hive-rich-text [options]="options"></hive-rich-text>

Where options can be populated with any of the following properties:

Properties

The font option allows for custom FontFace to be configured like this:

faces: [
    {
        weight: 400,
        style: 'normal',
        src: ['./SomeFont.ttf', './SomeFont.woff']
    },
    {
        weight: 400,
        style: 'italic',
        src: ['./SomeFont-Italic.ttf', './SomeFont-Italic.woff']
    },
    {
        weight: 500,
        style: 'normal',
        src: './SomeFont-Bold.ttf'
    },
    ...
]

You should define each weight and style separately similar to how you would define them in CSS using @font-face. You can also specific multiple file urls for src and they will each be specified in the font-face rule. If you just set src to a single url, it will be the only one used.

Custom Styling

Methods

Events

Contributors

| :---: |Austin Miller|