%% generate tags start %%
#software-engineering
%% generate tags end %%
#software-engineering/react
## Mantine Rich Text Editor
[Rich text editor | Mantine](https://v7.mantine.dev/others/tiptap)
## Novel
you can have a look at [[markdown editor|novel.sh]]
## Editor.js
[codex-team/editor.js: A block-style editor with clean JSON output (github.com)](https://github.com/codex-team/editor.js)
## BlockNote
[BlockNote - Javascript Block-Based text editor | BlockNote (blocknotejs.org)](https://www.blocknotejs.org/)
BlockNote is a block-based rich-text editor for [React](https://reactjs.org/), focused on providing a great out-of-the-box experience with minimal setup.
```tsx
import { BlockNoteEditor } from "@blocknote/core";
import { BlockNoteView, useBlockNote } from "@blocknote/react";
import "@blocknote/core/style.css";
export default function App() {
// Creates a new editor instance.
const editor: BlockNoteEditor = useBlockNote();
// Renders the editor instance using a React component.
return <BlockNoteView editor={editor} theme={"dark"} />;
}
```