知识库

知识解答

OpenChakra 中清除所有组件会有什么影响?

在 OpenChakra 里点击 Clear 并确认后，编辑器画布上的所有组件会被一次性移除，页面回到空白状态，你需要重新从左侧拖拽组件来搭建。这个操作没有撤销入口，所以如果当前布局还没导出代码，清空后只能重做。执行前会弹出确认框（“Are you su...

OpenChakra 如何导出代码?支持哪些格式?

OpenChakra 的导出入口在编辑器顶部工具栏的 Export code，目前支持两种代码格式：JSX 和 TSX，并可以直接导出到 CodeSandbox 继续在线开发。导出前需要先确认是否清空编辑器中的组件，避免把不需要的内容一起带走。 导出前先...

OpenChakra 支持哪些 Chakra UI 组件?

OpenChakra 是一个面向 Chakra UI 的 React JSX 可视化编辑器，支持把组件从侧边栏拖入画布进行搭建，再导出为 JSX 或 TSX 代码。它的组件覆盖范围以基础布局、表单和常见展示组件为主，能满足大部分常规页面搭建需求；但并非 ...

如何使用 OpenChakra 可视化搭建 Chakra UI 界面?

OpenChakra 是一个面向 Chakra UI 的 React JSX 可视化编辑器，核心用法是：从左侧组件列表把组件拖到编辑区，在 Builder 模式里调整结构，再到 Code panel 查看生成的 JSX/TSX 代码并导出。它适合想快速搭...

OpenChakra 是什么网站?

OpenChakra 是一个面向 Chakra UI 的 React JSX 可视化编辑器，由 Premier Octet 提供。它的核心用途是让开发者在浏览器里通过拖拽 Chakra UI 组件来搭建界面，不必从零手写 JSX，完成后可以导出代码，导出...