使用设计工作室页面编辑器自定义网页

添加所需的网页并在站点地图中管理其层次结构后，您可以添加各种组件。 WYSIWYG 设计工作室页面编辑器是“页面”工作区的一部分。 使用编辑器在画布中添加和编辑您需要的组件。

使用编辑器

要使用编辑器，请执行以下操作：

flex-directionrow-reverse

为了获得更加身临其境的编辑体验，您可以通过选择编辑器右上角的双箭头图标来使用全屏编辑模式。 您还可以切换到 Visual Studio Code、放大 (+)、缩小 (-)，或将页面设计区域视图重置为 100%。

编辑组件

所有节和组件都允许进行上下文编辑。 您可以直接从区域编辑任何节或组件。

选择画笔图标调整部分或组件的样式。

可用的类型基于组件的类型。 目前，支持部分、文本、按钮、图像和视频。 可用样式因组件类型而异，包括：

• 布局 – 控制页面上元素的定位和排列，例如边距、填充和位置。

• 装饰 – 增强元素的视觉外观，例如边框、阴影和圆角半径。

• 排版 – 更改文本的外观，包括字体系列、字体大小和字母间距等属性。

撤消/重做

在“页面”工作区中，撤消/恢复按钮显示在画布的左上角。 进行更改时将启用撤消按钮。 撤消操作时将启用重做按钮。

要撤消某个操作，选择“撤消”按钮。

要撤消操作，选择“重做”按钮。

撤消和重做只支持您在页面工作区所做的更改。 刷新浏览器页面或导航到设计工作室内的另一个工作区时，您的操作历史记录将清除。

限制

同步、保存、预览、缩放、扩展/缩减工作区，在工作区和页面之间导航，以及上传媒体和 CSS 文件，这些操作都不受支持。

编辑代码组件

代码组件属性在页面工作区内可编辑。

若要编辑代码组件，请执行以下操作：

1. 选择该组件，然后从工具栏中选择编辑代码组件。

2. 设置代码组件的属性。

3. 选择完成。

有关向窗体和页面中添加代码组件的详细信息，请参阅在 Power Pages 中使用代码组件。

另请参见