Skip to content

A toolkit editor suite based on tiptap and prosemirror.

Notifications You must be signed in to change notification settings

fantasticit/sailkit

Repository files navigation

Sailkit

Sailkit is a toolkit editor suite based on tiptap and prosemirror.

Example code (React)

import { EditorContent, useEditor } from "@sailkit/react";
import { Document } from "@sailkit/document";
import { TextKit } from "@sailkit/text-kit";
import { BlockTile } from "@sailkit/blocktile";
import { Uuid } from "@sailkit/uuid";

export const Editor = () => {
  const editor = useEditor({
    extensions: [
        Document.extend({ content: "blockTile+" }),
        Uuid,
        BlockTile,
        TextKit,
    ],
  });

  return (
    <div>
      <EditorContent className={styles.editorWrapper} editor={editor}></EditorContent>
    </div>
  );
};