在源代码页中工作

Page Designer“源代码”编辑器使您能够直接编辑 HTML 和其他标记文本,例如,JSP 页面和嵌入式 JavaScript™。在 Page Designer“源代码”页中所作的任何更改也会反映在“设计”页中。

如果在“源代码”页中添加或更新属性值并且“属性”视图是可视的,则还会刷新该“属性”视图。

与从 Page Designer 外部调用的结构化文本编辑器不同,Page Designer“源代码”编辑器支持使用快速编辑视图

Page Designer“源代码”编辑器具有以下文本编辑功能:
表 1. Page Designer“源代码”编辑器的功能
功能 描述
语法突出显示 每种标记类型的突出显示方式都不一样,这使您能够很容易地找到特定类型的标记来进行编辑。例如,如果根据页面模板创建页面,则不能编辑此页面的公共区域,并且会用灰色来突出显示该区域。
无限制的撤销和重做 可以按递增方式撤销和重做在整个编辑会话内对文件所作的每项更改。对于文本,更改是按每次一个字符或一个选择的字符集的形式递增的。
内容辅助 内容辅助帮助您完成标记或代码行以及插入宏。根据为正在编辑的文件指定的标记标准所定义的标记,来决定内容辅助列表中的可用选项。在某些情况下,内容辅助会自动打开。按 ALT + / 以激活内容辅助。
用户定义的宏 可以访问带内容辅助的用户定义的模板(预定义的代码块)来帮助您快速地添加经常使用的标记组合
元素选择 根据光标位置,位于“源代码”页左侧区域的垂直边框中的元素选择指示符会突出显示包括正在编辑的元素的行号。
弹出菜单选项 在编辑器的弹出菜单(通过在编辑器的特定位置单击右键来进行访问)中,具有许多编辑选项,这些编辑选项与工作台编辑菜单中的可用编辑选项相同。
拖放 可以将“片段”视图、“选用板”视图和“图库”视图(与“缩略图”视图相关联)中的对象拖放到“源代码”页中的光标位置。此外,当将“颜色”视图中的颜色以及样式表放入到“源代码”页时,会对该文件应用合适的标记,虽然您必须显示“设计”视图以查看得到的效果。还可以从外部资源拖进对象,例如,从 Microsoft® Internet Explorer 或从文件系统。
复制和粘贴 可以从任何提供文本复制功能的编辑器或视图中复制文本(比如,Page Designer 中的“源代码”编辑器和“设计”页)并将它们粘贴到“片段”视图以创建新的片段。
验证 还可以在首选项页上打开或关闭选项,以及配置相应选项来在您输入代码的同时对代码进行验证。选择窗口 > 首选项 > 常规 > 编辑器 > 结构化文本编辑器,然后选择输入时报告问题复选框。
定制 您可以定制编辑器的外观。(窗口 > 首选项 > 常规 > 编辑器 > 编辑器(或结构化文本编辑器))或者窗口 > 首选项 > Web 和 XML > HTML 文件 > HTML 源代码
在“源代码”页中,可以用多种方法来输入、插入或删除标记和文本。
  • 直接输入标记。
  • 使用内容辅助来接收有效标记的提示。
  • 选择菜单项。
  • 选择工具栏按钮。
  • 使用“属性”视图来更改标记。
要在“源代码”页中编辑 HTML 或 JSP 文件,请遵循这些步骤:
  1. 在 Page Designer 中打开想要工作的 HTML 或 JSP 文件。通常,打开文件所需要做的所有工作就是在“项目资源管理器”视图中双击该文件。可能需要单击源代码选项卡。
  2. 使用任何可用的功能来编辑必要的代码。可以使用智能的双击行为来选择属性值、属性值对和整个标记集合以迅速地更新、复制和除去内容。
  3. 每隔一段时间,就可以定义单个元素或整个文档的格式以恢复元素和属性缩进,从而可以在文件中更清晰地查看嵌套层次结构。
  4. 保存文件。
相关概念
Page Designer
Web 应用程序概述
Web 透视图
相关任务
在设计页中工作
创建和编辑 Web 页面
创建 Web 页面模板

反馈