Getting Started

Just start with an Editor Instance and add plugins 1by1, keep in mind that the order matters.

The Editor comes with a bunch of base features like autoformatting. Try to write **bold** followed by a Space in the example below.

import { KnkEditor, Descendant } from '@knkcms/editor-core';
import { TextFormattingPlugin } from '@knkcms/editor-text-formatting';
import { FontStylePlugin } from '@knkcms/editor-font-style';
import { ListPlugin } from '@knkcms/editor-list';

<KnkEditor
    onChange={(v) => setValue(v)}
    value={value}
    plugins={[
        FontStylePlugin,
        TextFormattingPlugin,
        ListPlugin(),
    ]}
/>