dhtmlxSuite是一个用JavaScript建立的富客户端开发框架。它是一个JavaScript UI库，用于建立一个完整的具有Ajax能力的前台组件。用户可以使用它建立一个企业级的跨浏览器Web应用和移动应用程序，它能提供优秀的性能和更丰富的用户体验。

点击下载dhtmlxSuite最新版

我们的开发团队将继续扩展开发人员帮助工具的产品组合，这些工具有助于提高开发效率并确保在使用DHTMLX产品时获得更大的便利。这次，我们很高兴地宣布一个新的代码片段工具，该工具作为一种有效且更快的方式来构建组件的交互式示例并共享它们。
在本文中，我们将考虑代码片段工具的主要功能，并了解它们如何使Web开发人员受益。

直观的用户界面

打开代码段工具后，引起您注意的第一件事是其结构合理且直观的用户界面。它由三个/四个主要部分组成：左侧是两个用于JavaScript和HTML代码的窗口，右侧是查看窗口，顶部是一个方便的工具栏。因此，Web开发人员可以轻松地在左侧使用代码，并在右侧查看其如何影响组件的外观。

此外，我们的团队加入了两个主题（浅色和深色），以使UI在美学上更加令人愉悦。

通过JavaScript窗口顶部的下拉菜单可使用此有用功能，开发人员可以使用不同版本的DHTMLX产品。开发人员可以使用此功能在库的新旧版本下比较所选组件的外观和行为。

片段搜索选项

该代码段工具带有多个搜索选项，可帮助开发人员立即找到必要的组件。在工具栏的右侧，您可以看到一个标准搜索字段，可以在其中输入功能所需组件的名称或从下拉列表中手动选择所需的元素/项目。

保存和共享代码段

我们的新工具的主要功能是在代码中引入更改后可以保存代码段。保存的摘录会收到唯一的URL，您可以与他人共享它们。此功能对于解决DHTMLX产品的任何技术问题都非常有用。只要制作一个说明问题的示例，保存它，然后将链接发送给我们的支持团队，您的问题将得到更快，更有效的解决。此外，由于开发人员可以轻松地与同事共享他们的编码示例并提高代码质量，因此此功能还有助于在项目团队内部进行更有成效的协作。不仅可以编辑和保存现有片段，还可以从头开始创建新样本并保存它们。Web开发人员还可以使用以下有用的功能：

• 自动完成建议
• 自动源代码格式，使用组合键Shift + Alt + F进行Win调用（⇧Shift+⌥Option+ F进行Mac调用）
• 通过按Ctrl + /来调用注释/取消注释选择代码，对于Win（对于Mac，是Command + /）