Dreamweaver CC教程:“代码片段”面板
“代码片段”面板
在 Dreamweaver 中,您可以使用“代码片段”面板(“窗口”>“代码片段”)来管理代码片段。
“代码片段”面板就像很多代码片段的集合。
Dreamweaver 中的“代码片段”面板
您可以使用“代码片段”面板执行以下任务。
插入代码片段
展开文件夹以便导航到某个代码片段、然后双击它,或单击“插入”图标以在光标位置插入该代码片段。若要将现有文本封装在某个代码片段中,请选择该文本,然后插入该代码片段,文本即可封装在该代码片段内。有关详细信息,请参阅插入代码片段。
创建代码片段文件夹
通过将您的代码片段置于采用直观命名约定的文件夹中来管理它们。要创建一个代码片段文件夹,请单击“新建文件夹”图标。将在所选节点内创建一个新的代码片段文件夹。要更改该代码片段文件夹的位置,请将它拖到所需位置。有关详细信息,请参阅创建代码片段文件夹。
创建代码片段
使用预先打包的代码片段并编辑它们以创建您自己的代码片段。或者,在“代码片段”面板中从头开始创建您自己的代码片段,然后保存它们供以后重用。有关详细信息,请参阅创建代码片段。
编辑代码片段
要编辑现有代码片段,请选择该代码片段,然后单击“编辑”图标。有关详细信息,请参阅编辑代码片段。
删除代码片段
删除您不再需要的代码片段。要删除一个代码片段,请选择它,然后单击“删除”图标。
重命名代码片段
要重命名一个代码片段,请右键单击该代码片段以打开上下文菜单。选择“重命名代码片段”,然后键入新的代码片段名称。
添加/编辑触发键
触发键允许您创建可以键入的直观短代码,而无需在“代码片段”面板中导航到特定代码片段,然后插入它。如果您已经定义触发键,请将光标放在代码中所需的位置。然后键入触发键文本并按 tab。代码片段将插入到您的代码中。有关详细信息,请参阅添加触发键并使用触发键插入代码片段。