Mantine 入门

Mantine 是一个开源的 React 组件集合。

npm install @blocknote/core @blocknote/react @blocknote/mantine
npm install @mantine/core @mantine/hooks @mantine/utils

要在 Mantine 中使用 BlockNote，你可以从 @blocknote/mantine 导入 BlockNoteView，并从 @blocknote/mantine/style.css 导入样式表。

如果你的应用已经使用了 Mantine UI，应该使用 @blocknote/mantine/blocknoteStyles.css 样式表。它只包含 BlockNote 在 Mantine 核心样式基础上添加的样式，而 @blocknote/mantine/style.css 包含了两者的样式。

GitHub

StackBlitz

import "@blocknote/core/fonts/inter.css";
import { BlockNoteView } from "@blocknote/mantine";
import "@blocknote/mantine/style.css";
import { useCreateBlockNote } from "@blocknote/react";

export default function App() {
  // Creates a new editor instance.
  const editor = useCreateBlockNote();

  // Renders the editor instance using a React component.
  return <BlockNoteView editor={editor} />;
}

Mantine 入门

On this page

学习

合作

社区

法律 & 主题