Dreamweaver CC教程:更改代码格式
Dreamweaver CC教程:更改代码格式
更改代码格式
您可以通过指定格式设置首选参数(例如缩进、行长度以及标签和属性名称的大小写)更改代码的外观。
除了“覆盖大小写”选项之外,所有“代码格式”选项均只会自动应用到随后创建的新文档或新添加到文档中的部分。
若要重新设置现有 HTML 文档的格式,请打开文档,然后选择“编辑”>“代码”>“应用源格式”。
1、选择“编辑”>“首选参数”。
2、从左侧的“类别”列表中选择“代码格式”。
3、设置以下任一选项:
缩进
指示由 Dreamweaver 生成的代码是否应该缩进(根据在这些首选参数中指定的缩进规则)。
注意:
此对话框中的大多数缩进选项仅应用于由 Dreamweaver 生成的代码,而不应用于您键入的代码。若要使您新键入的每一代码行的缩进级别都与上一行相同,请选择“查看”>“代码视图选项”中的“自动缩进”选项。有关更多信息,请参阅设置代码外观。
使用
(文本框和弹出菜单)指定 Dreamweaver 应使用多少个空格或制表符对它所生成的代码进行缩进。例如,如果在框中键入“3”并从弹出菜单中选择“制表符”,则对由 Dreamweaver 生成的代码按照每个缩进级别使用三个制表符的方式来进行缩进。
制表符大小
确定每个制表符字符在代码视图中显示为多少个字符宽度。例如,如果“制表符大小”设置为 4,则每个制表符在代码视图中显示为四个字符宽度的空白空间。此外,如果“缩进大小”设置为 3 个制表符,则对 Dreamweaver 所生成的代码按照每个缩进级别使用三个制表符的方式来进行缩进,在代码视图中显示的缩进就是十二个字符宽度的空白空间。
注意:
Dreamweaver 使用空格或制表符进行缩进;在插入代码时它并不会将一串空格转换成制表符。
Emmet
如果希望在编码时使用 Emmet 缩写,请选择此选项。选择此选项可确保:当您按 Tab 时,Dreamweaver 会将 Emmet 缩写转换为完整的 HTML 或 CSS 代码。有关使用 Emmet 的详细信息,请参阅结合使用 Emmet 工具包和 Dreamweaver。
换行符类型
指定承载远程站点的远程服务器的类型(Windows、Macintosh 或 UNIX)。选择正确的换行符类型可以确保您的 HTML 源代码在远程服务器上能够正确显示。当您使用只识别某些换行符的外部文本编辑器时,此设置也有用。例如,如果将“记事本”作为您的外部编辑器,则使用“CR LF (Windows)”;如果将“SimpleText”作为外部编辑器,则使用“CR (Macintosh)”。
注意:
如果要连接的服务器使用 FTP,此选项只能应用于二进制传输模式;Dreamweaver 中的 ASCII 传输模式忽略此选项。如果使用 ASCII 模式下载文件,则 Dreamweaver 根据计算机的操作系统设置换行符;如果使用 ASCII 模式上传文件,则换行符都设置为“CR LF”。
TD 标签: 不在 TD 标签内包括换行符
解决当 <td> 标签之后或 </td> 标签之前紧跟有空白或换行符时,某些较早浏览器中发生的呈现问题。选择此选项后,即使标签库中的格式设置指示应在 <td> 之后或 </td> 之前插入换行符,Dreamweaver 也不会在这些地方写入换行符。
高级格式化
用于设置标签库编辑器中个别标签和属性的格式选项。
空白字符
(仅适用于日语版本)用来为 HTML 代码选择 或 Zenkaku 空格。如果在日语编码页面上创建表格并启用了“允许多个连续的空格”选项,则将在空标签中使用在此选项中选择的空白。
最小代码折叠大小
默认代码折叠大小是两行。通过此默认设置,所有至少包含两行代码的代码片段都可折叠。少于两行的代码片段仅可通过选择代码来进行折叠。有关代码折叠的详细信息,请参阅折叠和展开代码。
相关内容
-
Dreamweaver CC教程:Dreamweaver 支持的编程语言
Dreamweaver CC教程:Dreamweaver 支持的编程语言,编程语言,支...
-
Dreamweaver CC教程:正则表达式
Dreamweaver CC教程:正则表达式,正则表达式,搜索,换行符,教程,...
-
Dreamweaver CC教程:设置代码外观
Dreamweaver CC教程:设置代码外观,设置,选项,缩进,教程,视图,...
-
Dreamweaver CC教程:默认在代码视图中打开文件
Dreamweaver CC教程:默认在代码视图中打开文件,默认,视图,打开...
-
Dreamweaver CC教程:设置代码改写首选参数
Dreamweaver CC教程:设置代码改写首选参数,设置,参数,标签,选...
-
Dreamweaver CC教程:在Dreamweaver中处理代码
Dreamweaver CC教程:在Dreamweaver中处理代码,工作区,拆分,文...
-
Dreamweaver CC教程:服务器行为代码
Dreamweaver CC教程:服务器行为代码,服务器,教程,检测,显示,代...
-
Dreamweaver CC教程:XHTML 代码
Dreamweaver CC教程:XHTML 代码,清理,文档,元素,教程,属性,标...
-
Dreamweaver CC教程:自定义键盘快捷键
Dreamweaver CC教程:自定义键盘快捷键,快捷键,教程,自定义键盘...
-
Dreamweaver CC教程:使用“快捷文档”
Dreamweaver CC教程:使用“快捷文档”,文档,教程,查...
-
Dreamweaver CC教程:使用外部编辑器
Dreamweaver CC教程:使用外部编辑器,编辑器,教程,文件,启动,文...
-
Dreamweaver CC教程:打印代码
Dreamweaver CC教程:打印代码,打印,教程,选择,文件,视图,用于,...
-
Dreamweaver CC教程:提取到函数
Dreamweaver CC教程:提取到函数,函数,选择,表达式,教程,目标,...
-
Dreamweaver CC教程:重命名代码
Dreamweaver CC教程:重命名代码,重命名,教程,选择,变量,名称,...
-
Dreamweaver CC教程:导航到相关代码
Dreamweaver CC教程:导航到相关代码,导航,文件,单击,教程,导航...