Dreamweaver CC教程：“代码片段”面板

Dreamweaver CC教程：“代码片段”面板

 “代码片段”面板
在 Dreamweaver 中，您可以使用“代码片段”面板（“窗口”>“代码片段”）来管理代码片段。
“代码片段”面板就像很多代码片段的集合。

Dreamweaver 中的“代码片段”面板

您可以使用“代码片段”面板执行哪些操作

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