Home

Awesome

<h2 align="center"> Sailkit </h2> <p align="center"> Sailkit is a toolkit editor suite based on tiptap and prosemirror. </p>

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>
  );
};