React Bricks 是第一个基于 React 组件的真正视觉编辑(内联编辑,类似于 Word 或 Pages)的 CMS。
开发人员使用 react-bricks
库,将视觉可编辑的内容块作为 React 组件构建。内容编辑人员拥有一个易于使用的界面,可以自由创建内容,而且不会破坏设计系统。
入门就像启动 CLI 命令一样简单
npx create-reactbricks-app@latest
我们有一个很棒的分步教程,带有游戏化,可以非常快速地学习 React Bricks。
如果你不是开发人员,你可以启动一个为你托管的演示,来试用视觉编辑界面!
将视觉可编辑内容块定义为 React 组件。在 JSX 中使用 React Bricks 组件,如 Text
、RichText
、Image
、Repeater
来添加视觉编辑的魔法。决定要为每个文本启用哪些富文本功能,并为每种样式定义自定义渲染函数。添加映射到组件属性的侧边栏控件,让编辑人员可以更改诸如背景颜色之类的属性,但只能使用你允许的选项。
一切都以TypeScript 精美地输入。你可以在模块内部无限嵌套模块,通过故事或嵌入在各个页面上重复使用内容,管理部署挂钩、翻译、细粒度权限,从外部数据源(如 Shopify)获取内容,定义具有自定义字段的实体等等。
React Bricks 拥有 市面上最出色的可视化编辑界面。
它与其他软件不同,在其他软件中,你需要单击内容,然后在侧边栏窗体或弹出窗口中输入内容:使用 React Bricks,你可以直接以类似于在文字处理器中编辑的方式来编写内容。
使用 React Bricks 可以创建你的像素级完美设计系统,并确保不会破坏设计,因为你可以使用模块来准确决定编辑人员可视化或通过侧边栏控件进行触及的内容,还可以控制他们仅能触及你允许触及的选项或颜色,并可以对内容应用验证规则。你的设计将始终安全。
查找更多 无头内容管理系统。