HTML 编辑器 UI
可以在画布中添加、配置或删除元素。此外,还可以导入导出 HTML 和 CSS 代码。本章节介绍如何设置编辑器的面板。
Blocks 标签页
在运行的应用程序中打开 HTML 编辑器后,可以看到 Blocks 标签页。
GrapesJS 中的 block(块)是一段可重用的 HTML,支持拖放至画布。
根据添加的 UI 组件 不同,元素列表也不一样。可以添加下列元素:
-
在 Basic 部分:
Columns、Text、Image、Video、Map、Link、Text Section、Link Block。 -
在 Extra 部分:
Navbar、Tabs、Custom Code。 -
在 Forms 部分:
Form、Input、Textarea、Select、Button、Label、Checkbox、Radio。
顶部面板按钮
顶部面板可使用下列按钮:
-
Show borders(展示边框) 按钮
-
Preview(预览) 按钮
-
Full-screen(全屏) 按钮
-
Export(导出) 按钮
-
Undo(撤销) 按钮
-
Redo(重做) 按钮
-
Import(导入) 按钮
-
Clear canvas(清空画布) 按钮
-
以及更改界面宽度的按钮
本页是否有帮助?
感谢您的反馈