BlockNoteBlockNote
    • 文档
    • AI
    • 示例
    • 定价
    • 登录

入门

介绍
开始使用
编辑器设置

基础

文档结构架构操作区块格式互操作性

特性

AI
内置模块
协作
导入
服务器端处理本地化 (i18n)扩展
自定义模式

React

概述
UI 组件
样式与主题
主题覆盖 CSS添加 DOM 属性

参考

概览操作内容光标与选区YJS 工具事件粘贴处理
BlockNote DocsReact样式与主题

样式与主题

你可以完全改变 BlockNote 编辑器的外观和感觉。使用主题 CSS 变量快速更改基本样式,或使用附加 CSS 规则应用更复杂的样式。

如果你想更改、移除或完全替换菜单和工具栏的 React 组件,请参阅UI 组件。

主题

主题让你能够快速更改编辑器 UI 的基本外观,包括颜色、边框、阴影和字体。

覆盖 CSS

你可以通过设置自定义的 CSS 样式来更改应用于编辑器的任何样式。

添加 DOM 属性

BlockNote 允许你更改编辑器 UI 的外观。你可以更改默认 UI 的主题,或者覆盖其 CSS 样式。

建议菜单

当用户输入触发字符时,会出现建议菜单,触发字符后的文本用于过滤菜单项。

主题

主题让你能够快速更改编辑器 UI 的基本外观,包括颜色、边框、阴影和字体。

On this page

样式与主题

页脚

BlockNoteBlockNote

BlockNote 是一个可扩展的 React 富文本编辑器,支持基于块的编辑、实时协作,并配备可定制的现成 UI 组件。

学习

  • 文档
  • 示例
  • 发布版本

合作

  • 与我们合作
  • 赞助
  • 贡献

社区

  • GitHub
  • Discord

法律 & 主题

  • 服务条款
  • 隐私政策

简中文档|沪ICP备2024070610号-3